当前位置:源码库-网页特效-综合其它-jQuery拖动div、移动div、弹出层演示示例

jQuery拖动div、移动div、弹出层演示示例

文章TAG:jQuery 弹出层
时间:2014-11-29来源:www.aspku.com 作者:源码库 文章热度:

jQuery拖动div、移动div、弹出层实现原理及示例,实现原理是使div的position为绝对定位absolute,然后控制其top与left值,需要监听鼠标事件,主要用到mousedown, mousemove, mouseup。在mousedown后,记录mousedown时鼠标与需要移动的div的位置,然后取得两者之差,得到在鼠标移动后,div的位置。即: left = 当前鼠标位置.x - (鼠标点击时的.x值 - div的初始位置x值) ,top = 当前鼠标位置.y - (鼠标点击时的.y值 - div的初始位置y值) 你可以参考上述代码来学习下。

相关综合其它
热门标签