<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>// これは非常に興味深い float です。コードと全員で共有<br><html><br><head> ランダムにフロート<br><style type="text/css"><br>#divimg{<br>/*<br>画像の調整 絶対位置<br>*/<br>position: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 language="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>//境界に到達したかどうかを比較し、境界に到達したら、画像の方向を逆方向に変更します。境界に到達していない場合は、前進を続けます。<br>if(xw) xSpeed=-xSpeed;<br>if(yx =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>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
