Menu

Google Search

Friday, September 16, 2011

Rainbow Color Text

If you type some text, maybe the color of these text only one, maybe only black or white (Black or White-Michael Jackson). But, with html code, we can make the text can change color automatic.



1.Log-in to your blogger dashboard and go to Design --&-- Page Element's
2. Add Gadget, and after that choose Html/JavaScript
3.Paste these code into your blog,


<b>
<script>
var text="YOUR RAINBOW TEXT HERE"
var speed=80
if (document.all||document.getElementById){
document.write('<span id="highlight">' + text + '</span>')
var storetext=document.getElementById? document.getElementById("highlight") : document.all.highlight
}
else
document.write(text)
var hex=new Array("00","14","28","3C","50","64","78","8C","A0","B4","C8","DC","F0")
var r=1
var g=1
var b=1
var seq=1
function changetext(){
rainbow="#"+hex[r]+hex[g]+hex[b]
storetext.style.color=rainbow
}
function change(){
if (seq==6){
b--
if (b==0)
seq=1
}
if (seq==5){
r++
if (r==12)
seq=6
}
if (seq==4){
g--
if (g==0)
seq=5
}
if (seq==3){
b++
if (b==12)
seq=4
}
if (seq==2){
r--
if (r==0)
seq=3
}
if (seq==1){
g++
if (g==12)
seq=2
}
changetext()
}
function starteffect(){
if (document.all||document.getElementById)
flash=setInterval("change()",speed)
}
starteffect()
</script>
</b>

Note: Replace YOUR RAINBOW TEXT HERE with your text and 80 Speed of fade.

For Example with using code above this text...




Now save your new gadget you are done...

No comments:

Post a Comment

Number of Visitors