js网页中随意拖动的小方块实现代码

ttx9n

用CSS和JS制作的在网页中可以随意拖动的小方块。 <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需刷新才能执行]

wqpa63gz

还有人在不。。。。。。。。。。啊

ki9ku6

大家都不容易！

额呵呵

iiguuubhuiuihu

溪谷小兵

怕怕怕怕怕怕怕怕怕怕怕怕怕怕

do827261756

天天源码社区论坛

kestlhoxn

hi哦和烦恼农家女

sykzus

逛逛看看瞧瞧

uj9lpc

你们谁看了弄洒了可能

i3x3r3

看看怎么样再说