Div レイヤーのドラッグ効果の画像: 実装:CSS: コードをコピー コードは次のとおりです: <br>div<br>{<br>position:relative;<br>}<br> JS: コードをコピーします コードは次のとおりです。 Mouseover=true<br> var xcoor;<br>var ycoor;<br>関数座標()<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=pleftevent.clientX-xcoor;<br>event.srcElement.style.pixelTop=ptopevent.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=座標;<br>document.onmouseup=mouseup;<br> HTML: コードをコピー コードは次のとおりです: Div レイヤードラッグ中国< /div>< ;div id="wishbroad2" style="width:200px; height:100px;border:1px 赤一色;背景:赤;">アメリカ 日本語 ブラジル
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
