Rainbow Hearts Cursor Trail

Rainbow Hearts Cursor Trail

Take a look at your the page, next to the pointer is a heart. When you move your mouse a trail of rainbow hearts follows this and catch up when your pointer stops. You need to save the images, they are contained in

hearts.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 Hearts Cursor Trail
Visit http://rainbow.arch.scriptmania.com for this script and more
*/

B=document.all;
C=document.layers;
T1=new Array("h7.gif",45,45,"h7.gif",45,45,"h6.gif",45,45,"h6.gif",45,45,"h5.gif",45,45,"h5.gif",45,45,"h4.gif",45,45,"h4.gif",45,45,"h3.gif",45,45,"h3.gif",45,45,"h2.gif",45,45,"h2.gif",45,45,"h1.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
}