地图 广告
招租

←—
订阅
投稿
您的位置:网站首页 > 特效代码 > 图层样式特效 > 正文:jQuery实现简单实用的可拖动层效果

jQuery实现简单实用的可拖动层效果

日期:2012-10-29 7:59:00 标签:jQuery 图层特效 拖动层 js特效 javascript

  一个简单的jQuery鼠标拖动代码,原理:标记拖曳状态dragging,坐标位置iX、iY
  mousedown:fn(){dragging = true:记录起始坐标位置,设置鼠标捕获}
  mouseover:fn(){判断如果dragging = true,则当前坐标位置 - 记录起始坐标位置,绝对定位的元素获得差值}
  mouseup:fn(){dragging = false:释放鼠标捕获,防止冒泡}。  

提示:您可以先修改代码后再运行,复制和保存代码功能在Firefox下无效。

本站已开启防盗链,请根据代码中对应的url地址下载保存特效所需的图片、flash和js文件,请见谅,谢谢.
(本文由 CsrCode.CN|芯晴网页特效 收集丨www.CsrCode.cn
本文网址:
评论信息
抱歉,本文暂停评论留言。