本文介绍了一种使用JavaScript实现网页元素拖动的方法。通过监听鼠标按下、移动和释放事件，可以任意移动一个设置了绝对定位的HTML元素。该技术适用于创建可交互的用户界面组件。
<script language="JavaScript"> var Obj; function MouseDown(obj) { Obj= obj; Obj.setCapture();//指定窗口里设置鼠标捕获 Obj.l=event.x-Obj.style.pixelLeft; Obj.t=event.y-Obj.style.pixelTop;
} function MouseMove() { if(Obj!=null) { Obj.style.left= event.x-Obj.l; Obj.style.top=event.y-Obj.t;
} } function MouseUp() { if(Obj!=null) { Obj.releaseCapture(); Obj=null;
} } </script> <span style='position:absolute;width:200;height:200;background:red' onmousedown=MouseDown(this) onmousemove=MouseMove() onmouseup=MouseUp()>meizz</span>
扫一扫
181
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
