Das Beispiel in diesem Artikel beschreibt die Methode, mit JS Farbblöcke entsprechend dem Flackern der Maus zu drehen. Teilen Sie es als Referenz mit allen. Die spezifische Implementierungsmethode lautet wie folgt: Code kopieren Der Code lautet wie folgt: JS folgt dem flackernden und rotierenden Farbblock der Maus <br> <!-- <br /> if (document.all){ <br /> farben=neues Array('ff0000','00ff00','3366ff','ff00ff','ffa500','ffffff','fff000')<br /> Menge=Farben.Länge;<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> für (i=0; i < Betrag; 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 :' farben[i] ';padding-top:20px;text-align:center">.</div>');<br> document.write('</div></div>');<br> ini=1;<br> gstep=1;<br> Funktion iMouse(){<br> my=event.y;mx=event.x;<br> }<br> document.onmousemove=iMouse<br> Funktion dim(){<br> ini-=gstep;<br> dt=setTimeout('dim()',10);<br> if (ini < 2){<br /> clearTimeout(dt);<br /> glow();<br /> }<br /> }<br /> Funktion glow(){<br /> ini =gstep;<br /> gt=setTimeout('glow()',10);<br /> if (ini > 14){<br> clearTimeout(gt);<br> dim();<br> }<br> }<br> Funktion stars(){<br> ie.style.top=document.body.scrollTop;<br> für (i=0; i < Betrag; i )<br /> {<br /> var layer=iestars[i].style; 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); <br /> 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 =step;<br /> }<br /> Funktion Verzögerung(){<br /> Ydelay = YgetDelay =(my-YgetDelay)*1/20;<br /> Xdelay = XgetDelay =(mx-XgetDelay)*1/20;<br /> Sterne();<br /> setTimeout('delay()',10);<br /> }<br /> Verzögerung();<br /> glow();<br /> }<br /> //--><br>
