<HTML> <HEAD> <TITLE>可拖动的div </TITLE> <script language="javascript"> var x,y,divLeft,divTop; var isMove = false; function MouseDown(obj) { isMove = true; x = event.clientX; y = event.clientY; divLeft = obj.offsetLeft; divTop = obj.offsetTop; } function MouseMove(obj) { if(isMove) { obj.style.left = divLeft + event.clientX - x; obj.style.top = divTop + event.clientY - y; } } function MouseUp(obj) { isMove = false; } </script> </HEAD> <BODY> <div id="div1" style="border:1px solid red; left:200px;top:200px;width:100px; height:100px;position:absolute" οnmοusedοwn="MouseDown(this)" οnmοusemοve="MouseMove(this)" οnmοuseup="MouseUp(this)">拖动试试看 </div> </BODY> </HTML>
可拖动的div
最新推荐文章于 2024-05-16 10:48:27 发布