Div 레이어 드래그 효과 그림: 구현:CSS: 코드 복사 코드는 다음과 같습니다. <br>div<br>{<br>위치:상대적;<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=pleft event.clientX-xcoor;<br> event.srcElement.style.pixelTop=ptop event.clientY-ycoor ;<br> 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 레이어 드래그중국< /div>< ;div id="wishbroad2" style="width:200px; height:100px;border:1px solid red; background:red;">미국 일본어 브라질< /html>
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
