JavaScript Efek Teks Pelangi
Pertama-tama masuklah ke halaman tata letak elemen halaman, kemudian tambahkan sebuah elemen halaman HTML/JavaScript. Salin kode ini, kemudian letakkan di dalam formulirnya:
<style type="text/css">
#highlight{font:bold 50px Impact,Arial,Sans-Serif;}
</style>
<script language="javascript" type="text/javascript">
var teks="EFEK PELANGI" // teks Anda di sini
var speed=20 // atur kecepatan perubahan warna
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>
Ganti kode yang Saya beri warna merah dengan teks yang kamu inginkan, atur juga kecepatan perubahan warna pada kode yang Saya beri warna biru. Simpan perubahan dan lihat hasilnya"
Sumber: Google » javascript teks pelangi
1 Komentar
Unknown
Boleh Lah Gan