JavaScript Text Link Color Animation: Generate a color movie for each textlink

JavaScript Text Link Animation: color-movie for each textlink
The JavaScript text link animation code generates a unique color change animation if you move your cursor over your text links. Create a different effect for each text link. Easy configuration. Internet Explorer 4 or higher.

Test it
sample 1
sample 1
sample 1

Configuration:

Step 1: Open your web page. Paste the following code between the <head> and </head> tags of your web page (below the title-tags):

// IMPORTANT: 
// If you add this script to a script-library or a script-archive 
// you are required to insert a highly visible link to http://www.24fun.com
// right into the webpage where the script
// will be displayed.

// speed of animation. Smaller means faster
var pause=100

// Do not edit the values below

var newcolor=new Array
var timer
var animation_on=true
var thislink
var i_color=0

function startanimation(newlink, c1, c2, c3, c4, c5) {
    if (document.all) {
		newcolor[0]=c1
		newcolor[1]=c2
		newcolor[2]=c3
		newcolor[3]=c4
		newcolor[4]=c5
        animation_on=true
        thislink=eval("document.all."+newlink+".style")	
        colorup()
    }
}

function colorup() {
    if (animation_on && i_color<newcolor.length-1) { 
        thislink.color=newcolor[i_color]
        i_color++
		timer=setTimeout("colorup()",pause)
	}
    else if (animation_on) {
        clearTimeout(timer)
		timer=setTimeout("colordown()",pause)
    }
	else {
        clearTimeout(timer)
    }
}

function colordown() {
    if (animation_on && i_color>0) { 
        thislink.color=newcolor[i_color]
        i_color--
		timer=setTimeout("colordown()",pause)
	}
    else if (animation_on) {
        clearTimeout(timer)
		timer=setTimeout("colorup()",pause)
    }
	else {
        clearTimeout(timer)
    }
}

function stopanimation() { 
    if (document.all) {
        animation_on=false
		clearTimeout(timer)
    }
} 
--> 
</script>

Step 2: Open your web page and put the green-red-blue code into any text link that you want to animate:

<href="http://www.your.com" name="animation1" onMouseOver="startanimation('this.name','black','brown','blue','green','yellow',) onMouseOut="stopanimation()">your textlink</a>

GREEN: Do not change the green code in any way!
RED: Give each text link a name of its own, for instance animation1 or sample1 or love or whatsoever.
BLUE: The colors for your animation! Set up 5 different colors, no more, no less!

Step 3: Have fun!

Click here and download 500 free copy-and-paste scripts!