Text Javascript dauz Tips dan Trick Blog 8/04/2011 DsT Kali ini aku mau share tentang huruf warna warni Like text below Google Translate<script language="JavaScript1.2"> //tambahkan spasi di ujung text sebanyak jumlahHurup + jumlahHurup2 var tulisan = "Coolest Thing Ever Ever Ever forEver Ever and nEver " var warnaBekgron = "transparent" var warnaHurup = "red" var warnaHurup2 = "green" var warnaHurup3 = "skyblue" var kecepatan = 100 // Kecepatan Text warna melintas (lebih kecil - lebih cepet) var jumlahHurup = 6 // jumlah warna huruf melintas var jumlahHurup2 = 3 // Jumlah warna huruf melintas2 (0 buat gak pake warna kedua) var jumlahHurup3 = 2 var jeda = 0 // Lamanya Penjedaan var n = 0 //jangan diedit kalo ga ngarti, entar lecet, kecuali mau jadi orang pinter, edit noh text yang dibawah if (document.all||document.getElementById){ document.write('<font color = "' + warnaBekgron + '">') for (m = 0; m < tulisan.length; m++) document.write('<span id = "NamPang' + m + '">' + tulisan.charAt(m) + '</span>') document.write('</font>') } else document.write(tulisan) function hurupKe(number){ var nihDia = document.all? eval("document.all.NamPang" + number) : document.getElementById("NamPang" + number) return nihDia } function kilapin(){ //ngerubah warna semua huruf jadi warnaBekgron if (n==0){ for (m = 0; m < tulisan.length; m++) hurupKe(m).style.color = warnaBekgron } //nyari muter-muter sambil ngerubah warnaHurup hurupKe(n).style.color = warnaHurup if (n > jumlahHurup-1) hurupKe(n-jumlahHurup).style.color = warnaHurup2 if (n > (jumlahHurup + jumlahHurup2)-1) hurupKe(n-jumlahHurup - jumlahHurup2).style.color = warnaHurup3 if (n > (jumlahHurup + jumlahHurup2 + jumlahHurup3)-1) hurupKe(n-jumlahHurup - jumlahHurup2 - jumlahHurup3).style.color = warnaBekgron if (n < tulisan.length-1) n++ else{ n = 0 clearInterval(kemilau) setTimeout("hajarGan()",jeda) return } } function hajarGan(){ if (document.all||document.getElementById) kemilau = setInterval("kilapin()",kecepatan) } hajarGan() </script> Follow the steps below source by Rex Azhar
3 comments