完美拖拽 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;} 点击回放拖动轨迹 Drag: offsetTop: offsetLeft: [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

　　推荐阅读

　　鼠标触发移动的分层菜单 层菜单moveMenu

会移动的菜单，层菜单，鼠标放在菜单上，菜单就会移动，上浮的菜单，像是TAB风格的菜单，使用了一张图片，顺着代码可下载到这张修饰的小图片。 移动菜单，层菜单moveMenu .alpha { FILTER: Alpha(Opacity=>>>详细阅读

本文标题：js实现完美拖拽效果可拖动层与回放拖动规迹并显示拖动距离参数

地址：http://www.17bianji.com/kaifa2/JS/22724.html

 1/2    1