Div层拖动效果图: 实现：CSS： 复制代码 代码如下: <BR>div<BR>{<BR>position:relative;<BR>}<BR> JS： 复制代码 代码如下: <BR>var mouseover=true<BR>var xcoor;<BR>var ycoor;<BR>function coordinates()<BR>{<br><br>if (event.srcElement.id.indexOf("wishbroad") == 0)<BR> {<BR> event.srcElement.style.zIndex = 1000;<BR> mouseover=true;<BR> pleft=event.srcElement.style.pixelLeft;<BR> ptop=event.srcElement.style.pixelTop;<BR> xcoor=event.clientX;<BR> ycoor=event.clientY;<BR> document.onmousemove=moveImage;<BR> }<BR>}<br><br>function moveImage()<BR>{<BR>if (mouseover&&event.button==1)<BR> {<BR> event.srcElement.style.pixelLeft=pleft+event.clientX-xcoor;<BR> event.srcElement.style.pixelTop=ptop+event.clientY-ycoor;<BR> return false;<BR> }<BR>}<br><br>function mouseup()<BR>{<BR> event.srcElement.style.zIndex = 1;<BR> mouseover=false;<BR>}<BR>document.onmousedown=coordinates;<BR>document.onmouseup=mouseup;<BR> HTML： 复制代码 代码如下: Div层拖动 中国 美国 日本 巴西
