时间：2021-07-01 10:21:17 帮助过：6人阅读
<!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> <title>JS拖动效果</title> <script type="text/javascript"><!-- function DragPanel(Panel,event) { var delayX=event.clientX-parseInt(Panel.style.left); var delayY=event.clientY-parseInt(Panel.style.top); document.attachEvent("onmousemove",HandleMove); document.attachEvent("onmouseup",HandleUp); event.cancelBubble=true; event.returnValue=false; function HandleMove(e) { e=window.event; Panel.style.left=event.clientX-delayX+"px"; Panel.style.top=event.clientY-delayY+"px"; event.cancelBubble=true; } function HandleUp() { document.detachEvent("onmousemove",HandleMove); document.detachEvent("onmouseup",HandleUp); } event.cancelBubble=true; } // --></script> </head> <body> Drag Me </body> </html> [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
< 上一篇
javascript Demo模态窗口
下一篇 >
javascript KeyDown、KeyPress和KeyUp事件的区别与联系
记住我的登录 忘记密码？
登录
我已阅读用户协议及版权声明
注册
