Contoh dalam artikel ini menerangkan kaedah menggunakan JS untuk memutarkan blok warna mengikut kelipan tetikus. Kongsikan dengan semua orang untuk rujukan anda. Kaedah pelaksanaan khusus adalah seperti berikut: Salin kod Kod adalah seperti berikut: JS mengikuti blok warna yang berkelip dan berputar pada tetikus <br> <!-- <br /> jika (dokumen.semua){ <br /> warna=Array baharu('ff0000','00ff00','3366ff','ff00ff','ffa500','ffffff','fff000')<br /> jumlah=warna.panjang;<br /> YgetDelay=0,XgetDelay=0,Ydelay=0,Xdelay=0,step=0.2,currStep=0,my=0,mx=0;<br /> document.write('<div id="ie" style="position:absolute;top:0;left:0;"><div style="position:relative">');<br> untuk (i=0; i < amaun; i )<br /> document.write('<div id="iestars" style="position:absolute;top:0px;left:0px;height:50px;width:50px;font-family:Courier New;font-size:5px;color :' color[i] ';padding-top:20px;text-align:center">.</div>');<br> document.write('</div></div>');<br> ini=1;<br> gstep=1;<br> fungsi iMouse(){<br> my=event.y;mx=event.x;<br> }<br> document.onmousemove=iMouse<br> fungsi malap(){<br> ini-=gstep;<br> dt=setTimeout('dim()',10);<br> jika (ini < 2){<br /> clearTimeout(dt);<br /> bercahaya();<br /> }<br /> }<br /> fungsi glow(){<br /> ini =gstep;<br /> gt=setTimeout('glow()',10);<br /> jika (ini > 14){<br> clearTimeout(gt);<br> malap();<br> }<br> }<br> fungsi bintang(){<br> iaitu.style.top=document.body.scrollTop;<br> untuk (i=0; i < amaun; i )<br /> {<br /> var layer=iestars[i].style <br /> layer.filter='glow(color=' colors[i] ', strength=' ini ')';<br /> layer.top= Ydelay 100*Math.sin((5*Math.sin((currStep-15.99)/10)) i*70)*Math.sin((currStep)/10)*Math.cos((currStep i *25)/10); layer.left=Xdelay 180*Math.cos((5*Math.sin((currStep-15.99)/10)) i*70)*Math.sin((currStep)/10)*Math.cos((currStep i *25)/10);<br /> }<br /> currStep =langkah;<br /> }<br /> kelewatan fungsi(){<br /> Ydelay = YgetDelay =(my-YgetDelay)*1/20;<br /> Xdelay = XgetDelay =(mx-XgetDelay)*1/20;<br /> bintang();<br /> setTimeout('delay()',10);<br /> }<br /> kelewatan();<br /> bercahaya();<br /> }<br /> //--><br> </skrip><br> </body><br> </html><br> </div> Saya harap artikel ini akan membantu reka bentuk pengaturcaraan JavaScript semua orang. <p></p>
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
