»
EnglishFrenchVietnamese

Print - Light Square Trail - JavaScriptBank.com

Full version: jsB@nk » Pointer » Trailer » Light Square Trail
URL: https://www.javascriptbank.com/light-square-trail.html

Light Square Trail © JavaScriptBank.comAnother mouse trail effect with lighting stars on your web page.

Full version: jsB@nk » Pointer » Trailer » Light Square Trail
URL: https://www.javascriptbank.com/light-square-trail.html



JavaScript
<SCRIPT language=JavaScript><!--Clrs=new Array('ff0000','00ff00','ffffff','ff00ff','ffa500','ffff00','00ff00','ffffff','ff00ff')amount=17;Xpos = 0;Ypos = 0;if (document.layers){for (i = 0; i < amount; i++){document.write('<layer name=nstrs'+i+' top=0 left=0 width='+i/2+' height='+i/2+' bgcolor=#ff0000></layer>')}window.captureEvents(Event.MOUSEMOVE);function nsMouse(evnt){Xpos = evnt.pageX+1;Ypos = evnt.pageY+4 -window.pageYOffset;}window.onMouseMove = nsMouse;}else if (document.all){document.write('<div id="Div" style="position:absolute;top:0px;left:0px">'+'<div style="position:relative">');for (i = 0; i < amount; i++){document.write('<div id="ieDiv" style="position:absolute;top:0px;left:0px;width:'+i/2+';height:'+i/2+';font-size:'+i/2+'"></div>')}document.write('</div></div>');function ieMouse(){Ypos = event.y+4;Xpos = event.x+1;}document.onmousemove = ieMouse;}function animateLogo(){S=(document.layers)?window.pageYOffset:0;if (document.layers){for (i = 0; i < amount; i++){var randCol=Math.round(Math.random()*8);document.layers['nstrs'+i].bgColor=Clrs[randCol]; if (i < amount-1){ document.layers['nstrs'+i].top=document.layers['nstrs'+(i+1)].top; document.layers['nstrs'+i].left=document.layers['nstrs'+(i+1)].left; } else{ document.layers['nstrs'+i].top = Ypos+S; document.layers['nstrs'+i].left =Xpos; }}}else if (document.all){Div.style.top=document.body.scrollTop;for (i = 0; i <  amount; i++){var randCol=Math.round(Math.random()*8);ieDiv[i].style.background=Clrs[randCol];  if (i < amount-1) { ieDiv[i].style.top=ieDiv[i+1].style.top; ieDiv[i].style.left=ieDiv[i+1].style.left; } else{ ieDiv[i].style.top = Ypos; ieDiv[i].style.left =Xpos; }}}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-->