Trik Membuat Teks Pelangi!!

Sekarang lagi dan lagi trik berkaitan dengan teks hehehe~~ yaitu trik membuat teks pelangi! dari namanya udah jelas khan klo trik ini dapat membuat tulisan/ pesan yang sobat buat terlihat berganti-ganti warna seperti pelangi, mau tau caranya??

Contoh teks pelangi:



cara buatnya mudah kok sama seperti trik membuat scroll typed text sobat ckup masukkan kode javascript berikut di tempat yang ingin sobat buat pesannya (bila ingin penambahan widget pilih HTML)

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

// ********** MAKE YOUR CHANGES HERE

var text="Ad4m San | all you need is here | tips and trik | science |" //
var speed=80 //

// ********** LEAVE THE NEXT BIT ALONE!


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>

NB: yang berwarna merah adalah teks yang ingin sobat buat dan yang berwarna biru adalah kecepatan perpindahan warna teks

Selamat mencoba y sobat! (*_*)




Bagi yang ingin copy paste jangan lupa di sertai back link ke situs ini dan sumber.

Author : velshadow

On : 24 Juni 2009


silahkan berkomentar dengan sopan.