Fader


Move your mouse over the text below. Watch as the effect occurs. Notice it is not CSS?

Put your mouse here
here
and here


Place this code in your HEAD tags:
<script language="JavaScript"> <!-- // by Urs Dudli and Peter Gehrig // Copyright (c) 2001 Peter Gehrig and Urs Dudli. All rights reserved. // More at www.javafile.com // 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>

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

Author: Peter Gehrig and Urs Dudli

Tons of free articles and information about your health, pediatrics, and living a healthy lifestyle.