Rainbow text

Rainbow text

Step 1: Download the following .htc file, and upload to your webpage directory (by clicking it, or clicking it with Shift key depressed in NS):

rainbow.htc

Step 2: Insert this style sheet into the <HEAD> section of your page:

<PUBLIC:COMPONENT URN="rainbow" name="darainbow()"/> 
<PUBLIC:ATTACH EVENT = "oncontentready" ONEVENT ="beginIt()"/> 
 
<SCRIPT language="JAVASCRIPT"> 
var Kill_ID=null; 
var internalValue; 
var originalValue; 
function putValue(){ 
element.innerHTML=internalValue; 
encapsulate(); 
startSwirl(); 
} 
function eventHandler(){ 
clearInterval(Kill_ID); 
internalValue=element.value; 
element.detachEvent("onpropertychange",eventHandler);  
if(event.propertyName=="value"){ 
element.innerHTML=internalValue; 
putValue(); 
} else startSwirl();  
element.attachEvent("onpropertychange",eventHandler);  
} 
function swirl(){ 
var I;  
I=ran(internalValue.length-1,0); 
element.children(I).style.color=randomColor(); 
}  
function startSwirl(){ 
if (element.swirlInterval == null) 
element.swirlInterval=50; 
if ((internalValue!=null) && (element.swirlInterval!=0)) 
Kill_ID=setInterval(swirl,element.swirlInterval); 
} 
function encapsulate(){ 
var I; 
var tempStr="";  
for (I=0; I < internalValue.length; I++){ 
tempStr += "<SPAN style=\"color:"+randomColor()+"\">" + internalValue.substr(I,1) + "</SPAN>"; 
} 
innerHTML=tempStr; 
} 
function ran(upperbound, lowerbound){ 
return(parseInt((upperbound - lowerbound + 1) * Math.random() + lowerbound)); 
} 
function randomColor(){ 
var R=ran(255,0); 
var G=ran(255,0); 
var B=ran(255,0); 
R=R.toString(16); 
G=G.toString(16); 
B=B.toString(16); 
if (R.length==1) R="0"+R; 
if (G.length==1) G="0"+G; 
if (B.length==1) B="0"+B; 
return("#"+R+G+B); 
} 
function beginIt(){ 
internalValue=element.value; 
originalValue=element.innerHTML; 
if (internalValue==null) 
internalValue=element.innerHTML; 
putValue(); 
element.attachEvent("onpropertychange",eventHandler); 
} 
function clearIt(){ 
clearInterval(Kill_ID); 
element.detachEvent("onpropertychange",eventHandler); 
element.innerHTML=originalValue;  
} 
</script> 
 
 
 
<html>

<head> 
 
<STYLE> 
 
 
.rainbow{ behavior:url(rainbow.html) }  
</STYLE> 
</head> 
 
<body><script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

ga('create', 'UA-47423994-1', 'fortunecity.ws');
  ga('send', 'pageview');

</script>
<center>
<br>
	
	<div>	
<script language="javascript" type="text/javascript" src="http://ad.broadcaststation.net/ads/show_ad.php?width=728&height=90"></script>
	</div>
</center>
 
 
<SPAN class="rainbow">Rainbow text</SPAN>

</body>

<center>

</center>
</html>