Usefull Scripts: Neon Text for your blogs or website

Copy and paste this code where u want..
<br />
<!-- this script got from 
http://usefull-script.blogspot.com/Coded by: Ratnakar Mishra  --><br />
<br />
<!-- THREE STEPS TO INSTALL NEON TEXT:

  1.  Copy the coding into the HEAD of your HTML document
  2.  Add the onLoad event handler into the BODY tag
  3.  Put the last coding into the BODY of your HTML document  --><br />
<br />
<!-- STEP ONE: Paste this code into the HEAD of your HTML document  --><br />
<br />
<HEAD><br />
<br />
<SCRIPT LANGUAGE="JavaScript">

<! >
<! >

<!-- Begin
neonBaseColor = "White";
neonColor = "Red";
num = 0;
num2 = 0;
num3 = 0;
num4 = neonColor;
function startNeon() {
message = neon.innerText;
neon.innerText = "";
for(i = 0; i != message.length; i++) {
neon.innerHTML += "<span id=\"neond\" style=\"color:"+neonBaseColor+"\">"+message.charAt(i)+"<\/span>"};
neon2();
}
function neon2() {
if(num != message.length) {
document.all.neond[num].style.color = neonColor;
num++;
setTimeout("neon2()", 100);
}
else {
num = 0;
num2 = message.length;
setTimeout("neon4onev()", 2000);
   }
}
function neon4onev() {
document.all.neond[num].style.color = neonBaseColor;
document.all.neond[num2-1].style.color = neonBaseColor;
if(Math.floor(message.length / 2) + 1 != num2) {
num++;
num2--;
setTimeout("neon4onev()", 50);
}
else {
setTimeout("neon5()", 50);
   }
}
function neon5() {
if(num3 != message.length && num3 != message.length+1) {
document.all.neond[num3].style.color = neonColor;
num3 = num3 + 2;
setTimeout("neon5()",100);
}
else {
setTimeout("neon52()", 50);
   }
}
function neon52() {
if(num3 == message.length) {
num3++;
neon52a();
}
else {
num3--;
neon52a();
   }
}
function neon52a() {
if(num3 != 1) {
num3 = num3 - 2;
document.all.neond[num3].style.color = neonColor;
setTimeout("neon52a()", 100);
}
else {
if(num4 == neonColor) {
num3 = 0;
neonColor = neonBaseColor;
setTimeout("neon5()", 2000);
}
else {
neonColor = num4;
num3 = 0;
setTimeout("neon4onev2()", 50);
      }
   }
}
function neon4onev2() {
document.all.neond[num].style.color = neonColor;
document.all.neond[num2 - 1].style.color = neonColor;
if(message.length != num2) {
num--;
num2++;
setTimeout("neon4onev2()", 50);
}
else {
num = 0;
num2 = 0;
setTimeout("neon3()", 2000);
   }
}
function neon3() {
if(num != message.length) {
document.all.neond[num].style.color = neonBaseColor;
num++;
setTimeout("neon3()", 100);
}
else {
num = 0;
neon2();
   }
}
//  End -->
</script><br />
<br />
</HEAD><br />
<br />
<!-- STEP TWO: Insert the onLoad event handler into your BODY tag  --><br />
<br />
<BODY onLoad="startNeon()"><br />
<br />
<!-- STEP THREE: Copy this code into the BODY of your HTML document  --><br />
<br />
<h2><span id="neon">Ratnakar Mishra </span></h2><br />
 <br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
 <br />
<br />
<!-- Script Size:  1.46 KB --><br />
<font face="Tahoma"><a target="_blank" href="http://usefull-script.blogspot.com/"><span style="font-size: 8pt; text-decoration: none">JavaScript Free Code</span></a> </font><br /><br />
<br /><br />
Usefull Scripts

Monday, November 2, 2009

Neon Text for your blogs or website

No comments:

Post a Comment

Best script category

Blog Archive

Followers

About Me

Number of visitors
