>

弹出层完毕原理及示范_jquery_脚本之家

- 编辑:金沙国际平台登录 -

弹出层完毕原理及示范_jquery_脚本之家

代码演示: 大致原理: 使div的position为相对定位absolute,然后决定其top与left值,须要监听鼠标事件,主要选择mousedown, mousemove, mouseup。 在mousedown后,记录mousedown时鼠标与特需活动的div的职位,然后拿走两个之差,获得在鼠标移动后,div的岗位。即: left = 当前鼠标位置.x - (鼠标点击时的.x值 - div的发端地点x值卡塔尔(قطر‎ top = 当前鼠标地点.y - (鼠标点击时的.y值 - div的起来地方y值卡塔尔 代码: 复制代码 代码如下:

Qing's Web

按住这里移动当前div

那边是其余内容

ALL Rights Reserved Qing 版权全体

骨子里代码量也相当的少的,嘿嘿。要点就是索要活动的div的position是纯属定位,然后检查实验鼠标事件就能够了。嘿嘿。

本文由金沙国际平台登录发布,转载请注明来源:弹出层完毕原理及示范_jquery_脚本之家