Phiên bản đầy đủ: jsB@nk » Con trỏ » Di chuyển theo chuột » Chuột có ngôi sao
URL: https://www.javascriptbank.com/mouse-aurora.html
Hiệu ứng tạo ra các đốm sáng nhiều màu sắc di chuyển theo con trỏ chuột với các quĩ đạo tròn đối xứng với nhau.
Phiên bản đầy đủ: jsB@nk » Con trỏ » Di chuyển theo chuột » Chuột có ngôi sao
URL: https://www.javascriptbank.com/mouse-aurora.html
<SCRIPT language=JavaScript>/*fire works cursor made by gordon scott of gamepiece.com*/if (document.all){with (document){write('<div id="starsDiv" style="position:absolute;top:0px;left:0px">')write('<div style="position:relative;width:2px;height:1px;background:#ffffff;font-size:1px;visibility:visible"></div>')write('<div style="position:relative;width:2px;height:1px;background:#fff000;font-size:1px;visibility:visible"></div>')write('<div style="position:relative;width:2px;height:1px;background:#ffa000;font-size:1px;visibility:visible"></div>')write('<div style="position:relative;width:2px;height:1px;background:#ff00ff;font-size:1px;visibility:visible"></div>')write('<div style="position:relative;width:2px;height:1px;background:#00ff00;font-size:1px;visibility:visible"></div>')write('<div style="position:relative;width:2px;height:1px;background:#0000ff;font-size:1px;visibility:visible"></div>')write('<div style="position:relative;width:2px;height:1px;background:#FF0000;font-size:1px;visibility:visible"></div>')write('<div style="position:relative;width:3px;height:2px;background:#ffffff;font-size:2px;visibility:visible"></div>')write('<div style="position:relative;width:3px;height:2px;background:#fff000;font-size:2px;visibility:visible"></div>')write('<div style="position:relative;width:3px;height:2px;background:#ffa000;font-size:2px;visibility:visible"></div>')write('<div style="position:relative;width:3px;height:2px;background:#ff00ff;font-size:2px;visibility:visible"></div>')write('<div style="position:relative;width:3px;height:2px;background:#00ff00;font-size:2px;visibility:visible"></div>')write('<div style="position:relative;width:3px;height:2px;background:#0000ff;font-size:2px;visibility:visible"></div>')write('<div style="position:relative;width:4px;height:3px;background:#FF0000;font-size:3px;visibility:visible"></div>')write('</div>')}}var Clrs=new Array(6)Clrs[0]='ff0000';Clrs[1]='00ff00';Clrs[2]='000aff';Clrs[3]='ff00ff';Clrs[4]='fff000';Clrs[5]='fffff0';if (document.layers){window.captureEvents(Event.MOUSEMOVE);}var yBase = 4;var xBase = 1;var step;var currStep = 4;var Xpos = 9;var Ypos = 6;if (document.all){ function MoveHandler(){ Xpos = document.body.scrollLeft+event.x; Ypos = document.body.scrollTop+event.y; } document.onmousemove = MoveHandler;}else if (document.layers){ function xMoveHandler(evnt){ Xpos = evnt.pageX; Ypos = evnt.pageY; } window.onMouseMove = xMoveHandler;}function animateLogo() {if (document.all){ yBase = window.document.body.offsetHeight/7; xBase = window.document.body.offsetWidth/7;}else if (document.layers){ yBase = window.innerHeight/3; xBase = window.innerWidth/3;}if (document.all){ for ( i = 0 ; i < starsDiv.all.length ; i++ ) {step=3; starsDiv.all[i].style.top = Ypos + yBase*Math.cos((currStep + i*5)/52)*Math.cos(1.7+currStep/200); starsDiv.all[i].style.left = Xpos + xBase*Math.sin((currStep + i*21)/10)*Math.sin(9.2+currStep/400); for (ai=0; ai < Clrs.length; ai++) { var c=Math.round(Math.random()*[ai]); } starsDiv.all[i].style.background=Clrs[c]; }}else if (document.layers){ for ( j = 0 ; j < 14 ; j++ ) //number of NS layers! {step = 4; var templayer="a"+j document.layers[templayer].top = Ypos + yBase*Math.sin((currStep + j*4)/12)*Math.cos(0.7+currStep/200); document.layers[templayer].left = Xpos + xBase*Math.sin((currStep + j*3)/10)*Math.sin(8.2+currStep/400); for (aj=1; aj < Clrs.length; aj++) { var c=Math.round(Math.random()*[aj]); } document.layers[templayer].bgColor=Clrs[c]; }}currStep+= step;setTimeout("animateLogo()", 10);}animateLogo();// --></SCRIPT><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->