Minggu, 04 Desember 2011

Membuat Efek Lampu Berjalan Di Text




Mungkin ada yang belum paham maksud dari judul yang saya tulis,maksud saya seperti teks yang di blog saya di tabberTentang Blog Inikan tulisanya ada sinarnya yang lari lari tuh ...







biar lebih jelas maksudnya teksnya bisa ada efeklampu berjalanya seperti ini, terserah kawan mau menamainya apa tapi kalaumenurut saya si lebih suka menamainya efek lampu berjalan :) , terus gimana carabikinya mas izoel ??, caranya gimana yah ??, begini saja, kopykan kode di bawah inidi posting blog kamu atau di mana saja tapi bukan di cangkir kopi, di wordpad jugabisa, berikut kodenya   
  .
<b><script language="JavaScript1.2">
var message="TULISAN DI DALAM TANDA PETIK INI ADALAH TULISAN YANG BEREFEK LAMPU BERJALAN"
var neonbasecolor="gray"
var neontextcolor="orange"
var neontextcolor2="#3300ff"
var flashspeed=1
var flashingletters=10    // jumlah huruf yang tersorot oleh flash
var flashingletters2=3    // jumlah warna di ekor flash
var flashpause=1                 
///
var n=0
if (document.all||document.getElementById){
document.write('<font color="'+neonbasecolor+'">')
for (m=0;m<message.length;m++)
document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>')
document.write('</font>')
}
else
document.write(message)
function crossref(number){
var crossobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+number)
return crossobj
}
function neon(){
//Change all letters to base color
if (n==0){
for (m=0;m<message.length;m++)
crossref(m).style.color=neonbasecolor
}
//cycle through and change individual letters to neon color
crossref(n).style.color=neontextcolor
if (n>flashingletters-1) crossref(n-flashingletters).style.color=neontextcolor2
if (n>(flashingletters+flashingletters2)-1) crossref(n-flashingletters-flashingletters2).style.color=neonbasecolor
if (n<message.length-1)
n++
else{
n=0
clearInterval(flashing)
setTimeout("beginneon()",flashpause)
return
}
}
function beginneon(){
if (document.all||document.getElementById)
flashing=setInterval("neon()",flashspeed)
}
beginneon()
</script> </b>


Ganti teksnya yang bertuliskan "TULISAN DI DALAM TANDA PETIK INI ADALAH TULISAN YANG BEREFEK LAMPU BERJALAN" dengan teks yang kamu inginkan.
Nah silakan mencoba...

1 komentar:

Posting Komentar

Share

Twitter Delicious Facebook Digg Stumbleupon Favorites More