<script type="text/javascript"> $(function(){ //绑定拖动元素对象 bindDrag(document.getElementById('test')); }); function bindDrag(el){ //初始化参数 var els = el.style, //鼠标的 X 和 Y 轴坐标 x = y = 0; //邪恶的食指 $(el).mousedown(function(e){ //按下元素后,计算当前鼠标位置 x = e.clientX - el.offsetLeft; y = e.clientY - el.offsetTop; //IE下捕捉焦点 el.setCapture && el.setCapture(); //绑定事件 $(document).bind('mousemove',mouseMove).bind('mouseup',mouseUp); }); //移动事件 function mouseMove(e){ //宇宙超级无敌运算中... els.top = e.clientY - y 'px'; els.left = e.clientX - x 'px'; } //停止事件 function mouseUp(){ //IE下释放焦点 el.releaseCapture && el.releaseCapture(); //卸载事件 $(document).unbind('mousemove',mouseMove).unbind('mouseup',mouseUp); } } </script>
文章来自学IT网: http://www.xueit.com/html/2011-04/33-1724639946201142592029453.html
文章来自学IT网: http://www.xueit.com/html/2011-04/33-1724639946201142592029453.html