Teks berganti-ganti warna

Demo :




Cara membuatnya

Dari Dashboard >> Design >> Edit HTML.


Penempatannya
dibawah <body>
........
diatas </body>

<h2>
<script type='text/javascript'>
//<![CDATA[

/*
Teks berganti-ganti warna Script by Matt Hedgecoe
Featured on JavaScript Kit, visit http://www.javascriptkit.com/script/script2/rainbowtext.shtml
*/

var text="Blog Nano Yulianto - JavaScript Blogger" //Ganti dengan teks anda
var speed=80 //Kecepatan ganti warna

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>
</h2>



Lihat ini juga : Membuat Link Warna-Warni

Credit : JavaScript Kit

Alhamdulillah

3 comments:


  1. Mas, bisakah saya menyimpan javascript ini hanya dengan cara sebagai berikut;
    Rancangan - Tambah Gatget - html/javaScript - Paste lalu simpan
    tolong ya...? tujuannya untuk memudahkan penempatannya, dan bukan untuk artikel ini saja, tetapi juga untuk artikel yg lainnya yg penempatannya dibawah " < body > " juga .......

  2. maksud dibawah tag <body> mencakup semua itu bro... jadi bisa...

  3. oh,,
    makasih ya mas ........
    :-)

Posting Komentar


Creative Commons License
Teks berganti-ganti warna by Nano Yulianto is licensed under a Creative Commons Attribution 3.0 Unported License.
Based on a work at http://nanoyulianto.blogspot.com/2011/01/teks-berganti-ganti-warna.html.
Permissions beyond the scope of this license may be available at http://nanoyulianto.blogspot.com/.