Rainbow Penguins Cursor Trail

Rainbow Penguins Cursor Trail

Take a look at your the page, next to the pointer is a penguin. When you move your mouse a trail of rainbow colored penguins follow the pointer and catch up when you stop. You need to save the images, they are contained in

penguins.zip and extract and save to the same place as your HTML.

Example:

Move your mouse pointer.

Follow the editing instructions after the // and within the 
to customize the script, then copy and paste it into your HTML editor.

<SCRIPT LANGUAGE="JAVASCRIPT">
<!--
/*
Rainbow Penguins Cursor Trail
Visit http://rainbow.arch.scriptmania.com for this script and more
*/

B=document.all;
C=document.layers;
T1=new Array("ap7.gif",45,45,"ap7.gif",45,45,"ap6.gif",45,45,"ap6.gif",45,45,"ap5.gif",45,45,"ap5.gif",45,45,"ap4.gif",45,45,"ap4.gif",45,45,"ap3.gif",45,45,"ap3.gif",45,45,"ap2.gif",45,45,"ap2.gif",45,45,"ap1.gif",45,45)
nos=parseInt(T1.length/3)
rate=50
ie5fix1=0;
ie5fix2=0;
for (i=0;i<nos;i++){
createContainer("CUR"+i,i*10,i*10,i*3+1,i*3+2,"","<img src='"+T1[i*3]+"' width="+T1[(i*3+1)]+" height="+T1[(i*3+2)]+" border=0>")}
function createContainer(N,Xp,Yp,W,H,At,HT,Op,St){
with (document){
write((!B) ? "<layer id='"+N+"' left="+Xp+" top="+Yp+" width="+W+" height="+H : "<div id='"+N+"'"+" style='position:absolute;left:"+Xp+"; top:"+Yp+"; width:"+W+"; height:"+H+"; ");
if(St){
if (C)
write(" style='");
write(St+";' ")
}
else write((B)?"'":"");
write((At)? At+">" : ">");
write((HT) ? HT : "");
if (!Op)
closeContainer(N)
}
}
function closeContainer(){
document.write((B)?"</div>":"</layer>")
}
function getXpos(N){
return (B) ? parseInt(B[N].style.left) : C[N].left
}
function getYpos(N){
return (B) ? parseInt(B[N].style.top) : C[N].top
}