javascript 随意拖动的小方块特效

时间：2020-12-30 14:31:01|栏目：JavaScript代码|点击：次

<div style="width:140px; height:140px; background-color:pink; cursor:pointer;" id="divBlock" onmousedown="divBlock_event_mousedown(arguments[0]);"></div> <script> function divBlock_event_mousedown(e){ var e, obj, temp; obj=document.getElementById("divBlock"); e=window.event?window.event:e; obj.startX=e.clientX-obj.offsetLeft; obj.startY=e.clientY-obj.offsetTop; document.onmousemove=document_event_mousemove; temp=document.attachEvent?document.attachEvent("onmouseup",document_event_mouseup):document.addEventListener("mouseup",document_event_mouseup,""); } function document_event_mousemove(e){ var e, obj; obj=document.getElementById("divBlock"); e=window.event?window.event:e; with(obj.style){ position="absolute"; left=e.clientX-obj.startX+"px"; top=e.clientY-obj.startY+"px"; } } function document_event_mouseup(e){ var temp; document.onmousemove=""; temp=document.detachEvent?document.detachEvent("onmouseup",document_event_mouseup):document.removeEventListener("mouseup",document_event_mouseup,""); } </script>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

上一篇：javascript实现页面的实时时钟显示示例

栏目：JavaScript代码

下一篇：关联的Select，可以支持客户端动态更新

本文标题：javascript 随意拖动的小方块特效

本文地址：http://www.codeinn.net/misctech/38473.html

更多JavaScript代码

JavaScript代码

javascript 随意拖动的小方块特效

阅读排行

推荐教程