Menciptakan Efek Pelangi Pada Text

Menciptakan Efek Pelangi Pada Text - Merah, Kuning, Hijau dilangit yang biru, nyanyian lagu waktu masih SD dahulu, hehe.!!sekarang tertuang dalam sebuah artikel yang akan saya share dipertemuan kita kali ini. Efek kedip pada text mungkin sudah tidak asing lagi buat anda, dengan menambahkan kode <blink>TEXT ANDA</blink>, sudah dapat menciptakan efek kedip pada text, namun efek ini sudah expired pada beberapa browser seperti chrome yang tidak dapat membaca kode blink.

Efek pelangi pada text tidak jauh berbeda dengan efek kedip, yang membedakan kedua efek ini hanya terletak pada kode penerapan. Ragam warna akan secara bergantian tampil pada efek pelangi, sedangkan pada efek kedip tampilannya hilang dan muncul dengan speed tanpa ada warna decoration. Dan pada MARQUEE berbeda lagi tampilannya yang dapat anda lihat DISINI

<script src="http://adcha.jw.lt/javascript/teks/pelangi/4/template"></script><font id="r1">TEKS ANDA</font><script src="http://adcha.jw.lt/javascript/teks/pelangi/4/r1"></script>

Sumber kode : Google » script text pelangi

Saya akan coba mengelola kode script diatas untuk menciptakan efek text berupa ragam warna speed highlight layaknya seperti pelangi, Kodenya saya kembangkan yang kurang lebih akan seperti ini tahap akhirnya (bismillahi.. mudah-mudahan berhasil)

TAHAP AKHIR PENYUSUNAN KODE

<style typecss="[{http://sahabatblogger77.blogspot.com}]">
  #highlight{font:bold 50px Impact,Arial,Sans-Serif;}</style>
<script language="javascript" type="text/javascript">
     var teks="TEXT ANDA"
     var speed=20

if (document.all||document.getElementById) {
     document.write('<span id="highlight">' + teks + '</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>

Sekarang coba lihat hasilnya pada tombol DEMO dibawah ini

DEMO SHOW

Kerennnn...kan..!! hehe..
SELAMAT MENCOBA
Belum berminat? tak apa 😊 bantu kami dengan membagikan link ini ke teman, siapa tahu, justru mereka sedang mencari ini!