Javascript实现Div可拖拽 (jquery)
来源:互联网 发布:淘宝双十一怎么搞活动 编辑:程序博客网 时间:2024/05/22 10:56
这里面使用了Jquery,这个函数可以直接放在函数库里面使用!只需要将需要拖动的div给一个id,然后传递到这个函数里面,然后调用一下就可以了!
function dragAble(id){var drag=false;var startX,startY;var objX,objY;var _id = "#"+id;var obj=$(_id);obj.mouseup(function(e){obj.css("cursor","");drag=false;});$("document").mouseup(function(e){obj.css("cursor","");drag=false;});obj.mousedown(function(e){obj.css("cursor","move");drag=true;startX=parseInt(e.clientX);startY=parseInt(e.clientY);objX=parseInt($(this).css("left"));objY=parseInt($(this).css("top"));});obj.mousemove(function(e){if(drag==true){var left=parseInt(e.clientX)-startX+objX;var top=parseInt(e.clientY)-startY+objY;obj.css("top",top).css("left",left);} });}
- Javascript实现Div可拖拽 (jquery)
- javascript:浮动div,可拖拽div,遮罩层(div和iframe实现)
- javascript:浮动div,可拖拽div,遮罩层(div和iframe实现)
- javascript:浮动div,可拖拽div,遮罩层(div和iframe实现)
- javascript学习之简单实现jquery的$("div").text()。
- 使用jQuery实现div可拖拽功能
- jQuery实现DIV拖拽
- Jquery实现DIV锁屏
- jquery 实现DIV拖拽
- Jquery实现div拖拽
- jquery实现Div遮罩
- jQuery拖拽div实现
- Jquery 实现div拖拽
- div+javascript实现popup
- javascript实现div拖放
- div+javascript实现popup
- Jquery实现div折叠伸展
- jquery 实现可编辑DIV
- Linux 创建文件系统及挂载文件系统详解
- unix环境高级编程中的源代码使用说明
- lds文件规则
- 微信架构(转)
- Android Activity的四种LaunchMode
- Javascript实现Div可拖拽 (jquery)
- svn命令
- 获取Android手机设备的IMSI / IMEI 信息
- jax-ws spring client 详解
- 清除GRUB/修复MBR
- 根据当前日期获取当月内所有日期的SQL语句
- iPhone摄像头设备获取
- RegexKitLite 编译错误解决方法
- jquery基础学习