Dhtml Tutorials [Comet Trail]
Example: Look at the mouse...wow it's ,it's amazing!
Just insert this code below the <body>an annoy the hell out your vistors..and change the colors if you want.
<script language="JavaScript"> Clrs=new Array('0000ff','F4F400','ffffff','000000','00cc00','ff9900','6699ff','ffffff','F4F400') amount=10; 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>