neon text effect java script

Java Scripts
Neon Text Effect Javascript

Handy Tip : Make your text colorful and have it stand out without using images, which slow down loading times. Using javascript code or even better css code allows the script to use plain text to give the same effect as graphics.

Bookmark This Page

Java Script Neon Text Effect

Here's a great javascript that turns your text into a neon effect.

Just copy and paste the code below into your html page where you want the neon text effect to appear. And don't forget to change the wording to suit your needs.

<h2> 
<script language="JavaScript1.2"> /* Neon Lights Text Distributed 
by Hypergurl (http://www.hypergurl.com) */ var message="Your text message 
goes here!" var neonbasecolor="gray" var neontextcolor="yellow" 
var flashspeed=100 //in milliseconds ///No need to edit below this line///// var 
n=0 if (document.all){ document.write('<font color="'+neonbasecolor+'">') 
for (m=0;m<message.length;m++) document.write('<span id="neonlight">'+message.charAt(m)+'</span>') 
document.write('</font>') //cache reference to neonlight array var tempref=document.all.neonlight 
} else document.write(message) function neon(){ //Change all letters to base color 
if (n==0){ for (m=0;m<message.length;m++) tempref[m].style.color=neonbasecolor 
} //cycle through and change individual letters to neon color tempref[n].style.color=neontextcolor 
if (n<tempref.length-1) n++ else{ n=0 clearInterval(flashing) setTimeout("beginneon()",1500) 
return } } function beginneon(){ if (document.all) flashing=setInterval("neon()",flashspeed) 
} beginneon() </script> </h2>

Hypergurl Hosting

IMPROVED PLANS
FREE Domain Name

web hosting and domain registration

NEW!
Blog for Webmasters

Website Design

Home