天天看点

jquery如何实现div可以随意移动

下面我做了一个Demo.

注意js放的位置,要放的靠近,若被其他覆盖,则无法移动。

比如:

<div id="move">可移动的DIV</div>

引入jquery.js, jquery-ui.js,

<script scr="http://code.jquery.com/jquery-1.10.2.js"></script>

<script scr="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>

一句:

$("#move").draggable();

如希望,点住时鼠标变手形:

<code>$("#move").mousedown(function(){</code>

<code>$(this).css("cursor","pointer");</code>

<code>}).mouseup(function(){</code>

<code>$(this).css("cursor","default");</code>

<code>});</code>

<code></code>

  本文转自phpervip 51CTO博客,原文链接:http://blog.51cto.com/phpervip/1738007,如需转载请自行联系原作者

继续阅读