jquery Draggable 拖动效果

<p>jquery Draggable</p><pre class="brush:html;toolbar:false">&lt;!doctypehtml&gt; &lt;html&gt; &lt;head&gt; &lt;metacharset=&quot;utf-8&quot;&gt; &lt;metaname=&quot;viewport&quot;content=&quot;width=device-width,initial-scale=1&quot;&gt; &lt;title&gt;jQueryUIDraggable-Defaultfunctionality&lt;/title&gt; &lt;linkrel=&quot;stylesheet&quot;href=&quot;//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css&quot;&gt; &lt;linkrel=&quot;stylesheet&quot;href=&quot;/resources/demos/style.css&quot;&gt; &lt;style&gt; #draggable{width:150px;height:150px;padding:0.5em;} &lt;/style&gt; &lt;scriptsrc=&quot;https://code.jquery.com/jquery-1.12.4.js&quot;&gt;&lt;/script&gt; &lt;scriptsrc=&quot;https://code.jquery.com/ui/1.12.1/jquery-ui.js&quot;&gt;&lt;/script&gt; &lt;script&gt; $(function(){ $(&quot;#draggable&quot;).draggable(); }); &lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;divid=&quot;draggable&quot;&gt; &lt;p&gt;Dragmearound&lt;/p&gt; &lt;/div&gt; &lt;/body&gt; &lt;/html&gt;</pre>
RangeTime:0.010574s
RangeMem:204.56 KB
返回顶部 留言