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

简介:

看: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




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



相关文章
|
7月前
|
JavaScript
jQuery遍历div,判断是否为空,为空时执行某个操作
jQuery遍历div,判断是否为空,为空时执行某个操作
|
7月前
|
JavaScript
用JQuery实现选中select里面的option显示对应的div
用JQuery实现选中select里面的option显示对应的div
|
JavaScript
jQuery方式追加div覆盖
jQuery方式追加div覆盖
|
JavaScript
jquery实现下拉框选中对应的div
jquery实现下拉框选中对应的div
58 0
|
JavaScript
jQuery清空div内容
jQuery清空div内容
|
7月前
|
JavaScript
jquery实现单击div切换背景,再次单击回到原来样式
jquery实现单击div切换背景,再次单击回到原来样式
|
7月前
|
JavaScript 前端开发
原生js与jQuery显示隐藏div的几种方法
原生js与jQuery显示隐藏div的几种方法
102 0
|
JavaScript
jquery点击删除按钮,删除当前的div
jquery点击删除按钮,删除当前的div
63 0
|
JavaScript 定位技术
jQuery实现点击图标div循环放大缩小功能
jQuery实现点击图标div循环放大缩小功能
65 0
|
测试技术
Easyui 去除jquery-easui tab页div自带滚动条
Easyui 去除jquery-easui tab页div自带滚动条
109 0