Free Javascripts - Animated Color Text

Animated Color Text

Written by Nelson
Wednesday, 18 January 2006
With your website titile or page tile changing color, you can immediately draw your vistors' attention. Fully customiable by change variables before javascript code block No extra css style requried Requires IE 4+ or NS6+ to work This free javascript sample code is fully customizable. You can change it easily using your values. Animated Color Text Demo Demo 1: Step 1: copy the following code into your html body tags and make changes to the text and other parameters. <script language="JavaScript1.2"> /*********************************************** * Freejavascriptkit.com * Visit http://www.freejavascriptkit.com for more free Javascripts source code ***********************************************/ var message="Welcome to Freejavascriptkit.com, enjoy free javascripts!!!" var neontextcolor="yellow" var neonbasecolor="black" var flashspeed=200 ///No need to edit below this line///// var n=0 if (document.all\|\|document.getElementById){ document.write('<font color="'+neonbasecolor+'">') for (m=0;m<message.length;m++) document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>') document.write('</font>') } else document.write(message) function crossref(number){ var crossobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+number) return crossobj } function color(){ //Change all letters to base color if (n==0){ for (m=0;m<message.length;m++) //eval("document.all.neonlight"+m).style.color=neonbasecolor crossref(m).style.color=neonbasecolor } //cycle through and change individual letters to neon color crossref(n).style.color=neontextcolor if (n<message.length-1) n++ else{ n=0 clearInterval(flashing) setTimeout("begin()",1500) return } } function begin(){ if (document.all\|\|document.getElementById) flashing=setInterval("color()",flashspeed) } begin() </script> This free javascript is provided by Free Javascripts
Last Updated ( Thursday, 22 June 2006 )

[ Back ]

Animated Color Text Demo