看:http://jqueryui.com/draggable/
下面我做了一個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();
如希望,點住時鼠標變手形:
$("#move").mousedown(function(){
$(this).css("cursor","pointer");
}).mouseup(function(){
$(this).css("cursor","default");
});
Demo下載:http://pan.baidu.com/s/1nulDck5
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。