»
EnglishFrenchVietnamese

Print - Textlinks onMouseover: eyecatching colorchange animation - JavaScriptBank.com

Full version: jsB@nk » Link » Rainbow » Textlinks onMouseover: eyecatching colorchange animation
URL: https://www.javascriptbank.com/textlinks-onmouseover.html

Textlinks onMouseover: eyecatching colorchange animation © JavaScriptBank.comThis JavaScript creates a unqiue color-change-animation of any textlink touched by your mouse. Easy configuration of colors used by the animation-script.

Full version: jsB@nk » Link » Rainbow » Textlinks onMouseover: eyecatching colorchange animation
URL: https://www.javascriptbank.com/textlinks-onmouseover.html



JavaScript
<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 throughvar 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 fastervar pause=30// Do not edit the values belowvar timervar animation_on=truevar thislinkvar i_color=0function 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-->


HTML
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-->