jquery实现dom元素的移动
来源:互联网 发布:电脑屏幕录像软件2017 编辑:程序博客网 时间:2024/05/21 07:01
//需要传递一个jquery的dom对象,该dom就可以在页面移动。function domMove(j_dom){j_dom.mousedown(function(e){var dh=document.body.scrollHeight;var sh=document.body.scrollWidth;j_dom.css("cursor","move");//改变鼠标指针的形状 var offset = j_dom.offset();//DIV在页面的位置 var x = e.pageX - offset.left;//获得鼠标指针离DIV元素左边界的距离 var y = e.pageY - offset.top;//获得鼠标指针离DIV元素上边界的距离 $(document).bind("mousemove",function(ev){//绑定鼠标的移动事件,因为光标在DIV元素外面也要有效果,所以要用doucment的事件,而不用DIV元素的事件 j_dom.stop(); var _x = ev.pageX - x;//获得X轴方向移动的值 var _y = ev.pageY - y;//获得Y轴方向移动的值 _x=_x<0?0:_x; _y=_y<0?0:_y; _x=_x>sh-j_dom.width()?sh-j_dom.width():_x; _y=_y>dh-j_dom.height()?dh-j_dom.height():_y; j_dom.animate({left:_x+"px",top:_y+"px"},10); }); $(document).mouseup(function(){ j_dom.css("cursor","default"); $(this).unbind("mousemove"); }) });}
0 0
- jquery实现dom元素的移动
- jquery实现tr元素的上下移动
- jQuery支持移动Mobile的DOM元素移动和缩放插件
- JQuery动态创建DOM、表单元素的实现代码
- JQuery采用CSS实现DOM元素的显示和隐藏
- JQuery采用CSS实现DOM元素的显示和隐藏 .
- jquery的DOM元素操作
- 自己用jQuery实现的元素移动(待调试)
- jquery实现tr元素的上下移动示例代码
- Dom动态移动元素
- JQuery实现鼠标拖动元素移动位置
- jquery与Dom元素的互换
- Jquery Dom元素的基本入门
- Jquery和Dom元素的比较案例
- JQuery DOM元素的删除和添加
- jQuery对DOM元素的向下遍历
- jQuery对DOM元素的向上遍历
- jquery对象和dom元素的转换
- NSString* testObject = [[NSData alloc] init];testObject 在编译时和运行时分别是什么类型的对象?
- [Hadoop]HBase物理模型
- NSString属性什么时候用copy,什么时候用strong?
- java阻塞和NIO概念详解
- 黑马程序员-79-CopyFileByBufDemo
- jquery实现dom元素的移动
- DataTable.Select()中的表达式可使用的函数
- android studio设置代理下载SDK
- LINUX命令行快捷键
- 将浮点数转成人民币读法字符串
- PS怎样不通过图层面板,而通过鼠标点击图片直接切换图层
- 第一篇文章
- LeetCode---Valid Parentheses
- 黑马程序员-80-BufferedWriter