网站首页
高清电影
无损音乐
游戏攻略
电脑教程
破解资源
站长资源
软件下载
js实现完美拖拽效果可拖动层与回放拖动规迹并显示拖动距离参数
(编辑：jimmy 日期: 2024/10/11 浏览：
2
)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>完美拖拽</title> <style type="text/css"> html,body{overflow:hidden;} body,div,h2,p{margin:0;padding:0;} body{color:#fff;background:#000;font:12px/2 Arial;} p{padding:0 10px;margin-top:10px;} span{color:#ff0;padding-left:5px;} #box{position:absolute;width:300px;height:150px;background:#333;border:2px solid #ccc;top:50%;left:50%;margin:-75px 0 0 -150px;} #box h2{height:25px;cursor:move;background:#222;border-bottom:2px solid #ccc;text-align:right;padding:0 10px;} #box h2 a{color:#fff;font:12px/25px Arial;text-decoration:none;outline:none;} </style> </head> <body> <h2>点击回放拖动轨迹</h2> <p><strong>Drag:</strong></p> <p><strong>offsetTop:</strong></p> <p><strong>offsetLeft:</strong></p> </body> </html>
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
上一篇：
JS实现用键盘控制DIV上下左右+放大缩小与变色
下一篇：
js点击弹出div层实现可拖曳的弹窗效果
最新资源
万代南梦宫逼迫中国选手弃权《铁拳》比赛 国籍不
《黑神话》官方手办引热议：真的很好看真的买不起
《黑神话：悟空》取景地灵岩寺现巨型悟空！挥舞大
秦咏.1997-歌咏诗情·历年名曲典故【音乐谷】【W
群星.1997-纯电影·电影歌曲剧照纪念篇【新艺宝】
邰肇玫.1981-雪歌（滚石25周年经典复刻系列）【滚
《Duck Side of the Moon》特色玩法介绍
《刀郎 辉煌10年绝版珍藏 3CD》[WAV/分轨][1.6G
《张韶涵 全面沦陷》[WAV/分轨][370MB]
《极品汽车音乐 三十而立 一起走过的岁月 2CD》
首页
音乐
电影
资源