« »

This JavaScript creates a unqiue color-change-animation of any textlink touched by your mouse. Easy configuration of colors used by the animation-script.

Label: Textlinks onMouseover: eyecatching colorchange animation

Report to us error of this JavaScript

Demo
Enlarge
Reload
New window

Code
JavaScript
HTML
Print

Copy All x2

<SCRIPT language=JavaScript> 
<!--

// CREDITS:
// textlinks onMouseover: eyecatching colorchange animation
// by Urs Dudli and Peter Gehrig 
// Copyright (c) 2000 Peter Gehrig and Urs Dudli. All rights reserved.

// choose the colors the link-animation will rush through
var newcolor=new Array("FF0000","EE0011","DD0022","CC0033","BB0044","AA0055","990066","880077","770088","660099","5500AA","4400BB","3300CC","2200DD","1100EE","0000FF","0000FF","0000FF","0011EE","0022DD","0033CC","0044BB","0055AA","006699","007788","008877","009966","00AA55","00BB44","00CC33","00DD22","00EE11","00FF00","00FF00","00FF00","00FF00","11EE00","22DD00","33CC00","44BB00","55AA00","669900","778800","887700","996600","AA5500","BB4400","CC3300","DD2200","EE1100","FF0000","FF0000","FF0000")

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

// Do not edit the values below
var timer
var animation_on=true
var thislink
var i_color=0

function startanimation(newlink) {
    if (document.all) {
        animation_on=true
        thislink=eval("document.all."+newlink+".style")
        changecolors()
    }
}

function changecolors() {
    if (animation_on) { 
        if (i_color>=newcolor.length-1) {i_color=0}
        thislink.color=newcolor[i_color]
        i_color++
        timer=setTimeout("changecolors()",pause)
    }
    else {
        clearTimeout(timer)
    }
} 

function stopanimation() { 
    if (document.all) {
        animation_on=false
    }
} 
--> 
</SCRIPT>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->

Copy All x2

Touch any textlink to <a name="link5" onmouseout="stopanimation()" onmouseover="startanimation(this.name)" href="http://JavaScriptBank.com">run</a> the script
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->