<div class="codetitle"> <span><a style="CURSOR: pointer" data="30779" class="copybut" id="copybut30779" onclick="doCopy('code30779')"><u>코드 복사</u></a></span> 코드는 다음과 같습니다.</div> <div class="codebody" id="code30779"> <br>//매우 흥미로운 플로트입니다. 너무 많지는 않습니다. 코드를 모두 공유<br><html><br><head> 무작위로 띄우기<br><style type="text/css"><br>#divimg{<br>/*<br> 이미지 조정 절대 위치 지정<br>*/<br>위치:absolute;<br>}<br></style><br></head><br><body><br><div id=" divimg"><br><img src="../../resource/images/float.jpg" width="205" height="108"><br></div> <br> <script 언어="javascript" type="text/javascript"><br>//이미지의 모든 div 개체 가져오기<br>var divimg=document.getElementById("divimg");<br> //설정 시작 시작 위치<br>var x=0,y=0;<br>//사진의 앞으로 속도 설정<br>var xSpeed=8,ySpeed=2;<br>//플로팅 설정 그림의 높이와 너비<br> var w=document.documentElement.clientWidth-205,h=document.body.clientHeight-108;<br>//alert(w);<br>function floatimg(){<br>//경계에 도달했는지 비교 if 경계에 도달한 후 그림의 방향을 반대 방향으로 변경합니다. 경계에 도달하지 않으면 계속 전진합니다 <br>if(x<0||x>w) xSpeed=-xSpeed;<br>if(y<0||y> ;h) ySpeed=-ySpeed;<BR>x =xSpeed;<BR>y =ySpeed;<BR>setTimeout("floatimg()",1000 );<BR>var n=divimg.style.top=Math.round(Math.random()*h) "px";<BR>var m=divimg.style.left=Math.round(Math.random( )*w) "px";<BR>}<BR>floatimg ();<BR></script><br></body><br></html><br> </div>
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
