基于jquery的鼠标拖动效果代码
2012-05-30 00:00
931 查看
记得在之前的一个"拖动层"的随笔中,我实现拖动,是用的一个布尔变量,判断是否可以拖动某元素。
这两天看了一些东西,发现不需要设这个布尔变量;
实现过程:
按下鼠标的时候,给文档对象(当然也可以是别的DOM对象)的移动事件绑定一个处理函数,同时也给鼠标抬起时绑定一个解除的处理函数。
这两天看了一些东西,发现不需要设这个布尔变量;
实现过程:
按下鼠标的时候,给文档对象(当然也可以是别的DOM对象)的移动事件绑定一个处理函数,同时也给鼠标抬起时绑定一个解除的处理函数。
//按下鼠标并移动时(拖动),调用的函数; function startSelection(event){ …… } //解除移动时的处理函数; function cancelSelection() { $(document).unbind('mousemove', startSelection).unbind('mouseup', cancelSelection); } //鼠标在按下时调用的函数 function imgMouseDown(event){ $(document).mousemove(startSelection).mouseup(cancelSelection); } $img.bind("mousedown",imgMouseDown)
相关文章推荐
- 基于jquery的鼠标拖动效果代码
- Jquery写一个鼠标拖动效果实现原理与代码
- 基于jquery的一行代码轻松实现拖动效果
- jquery实现鼠标拖动图片效果示例代码
- Jquery写一个鼠标拖动效果实现原理与代码
- 基于jquery的一行代码轻松实现拖动效果
- jquery实现鼠标拖动图片效果示例代码
- jQuery实现仿QQ空间装扮预览图片的鼠标提示效果代码
- 基于jquery的多彩百分比 动态进度条 投票效果显示效果实现代码
- 基于jQuery的感应鼠标淡出二级下拉菜单效果
- 一款代码精简的JS鼠标拖动DIV层效果
- jquery div拖动效果示例代码
- 基于jQuery的可以控制左右滚动及自动滚动效果的代码
- jquery div拖动效果示例代码
- 基于jquery鼠标点击其它地方隐藏层的实例代码
- jQuery仿360导航页图标拖动排序效果代码分享
- 基于jquery实现的鼠标拖拽元素复制并写入效果
- jquery实现拖动效果(代码分享)
- jquery实现页面控件拖动效果js代码