Phiên bản đầy đủ: jsB@nk » Con trỏ » Di chuyển theo chuột » Các ngôi sao bay quanh chuột
URL: https://www.javascriptbank.com/dancing-star-mouse-trail.html
Tương tự như hiệu ứng Chuột có ngôi sao bay quanh, nhưng trong hiệu ứng JavaScript này, các đốm sáng nhiều màu sắc có kích thước thay đổi tùy thời điểm, các đốm sáng này di chuyển theo con trỏ chuột với các quĩ đạo khác nhau sau đó hội tụ tại một điểm.
Phiên bản đầy đủ: jsB@nk » Con trỏ » Di chuyển theo chuột » Các ngôi sao bay quanh chuột
URL: https://www.javascriptbank.com/dancing-star-mouse-trail.html
<SCRIPT language=JavaScript> <!-- Mausverfolger mit 3D-Punktenif (document.all){ //To add more stars simply add more colours in below array!! colours=new Array('ff0000','00ff00','3366ff','ff00ff','ffa500','ffffff','fff000') //Alter nothing below!! amount=colours.length; YgetDelay=0,XgetDelay=0,Ydelay=0,Xdelay=0,step=0.2,currStep=0,my=0,mx=0; document.write('<div id="ie" style="position:absolute;top:0;left:0;"><div style="position:relative">'); for (i=0; i < amount; i++) document.write('<div id="iestars" style="position:absolute;top:0px;left:0px;height:50px;width:50px;font-family:Courier New;font-size:5px;color:'+colours[i]+';padding-top:20px;text-align:center">.</div>'); document.write('</div></div>'); ini=1; gstep=1; function iMouse(){ my=event.y;mx=event.x; } document.onmousemove=iMouse function dim(){ ini-=gstep; dt=setTimeout('dim()',10); if (ini < 2){ clearTimeout(dt); glow(); } } function glow(){ ini+=gstep; gt=setTimeout('glow()',10); if (ini > 14){ clearTimeout(gt); dim(); } } function stars(){ ie.style.top=document.body.scrollTop; for (i=0; i < amount; i++) { var layer=iestars[i].style; layer.filter='glow(color='+colours[i]+', strength='+ini+')'; 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); } currStep+=step; } function delay(){ Ydelay = YgetDelay+=(my-YgetDelay)*1/20; Xdelay = XgetDelay+=(mx-XgetDelay)*1/20; stars(); setTimeout('delay()',10); } delay(); glow(); } //--> </SCRIPT><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->