Friday, April 18.

Membuat efek lampu Berjalan di Teks


Neon_Light__Basketball_

Mungkin ada yang belum paham maksud dari judul yang saya tulis,maksud saya seperti teks yang di blog saya di tabber Tentang Blog Ini, kan tulisanya ada sinarnya yang lari lari tuh ...


 




biar lebih jelas maksudnya teksnya bisa ada efek lampu berjalanya seperti ini, terserah kawan mau menamainya apa tapi kalau menurut saya si lebih suka menamainya efek lampu berjalan :) , terus gimana cara bikinya mas izoel ??, caranya gimana yah ??, begini saja, kopykan kode di bawah ini di posting blog kamu atau di mana saja tapi bukan di cangkir kopi, di wordpad juga bisa, 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...

8 comments:

  1. blank

    buat sobat htc semua sudi kiranya sobat memasang logo kami dihalaman depan blog sobat...ane tunggu kabar baiknya...

    ReplyDelete
  2. blogger_logo_round_35
  3. blogger_logo_round_35
  4. blogger_logo_round_35
  5. blank

    kerennn,, Tak cobain ahg,, haha
    Tukeran Link yuk, kak?
    kalau mau, confirm aja di Blog saya..
    http://21johan.blogspot.com
    ^^!

    ReplyDelete
  6. blogger_logo_round_35

    @21Johan

    oke johan, link anda akan segera saya pasang

    ReplyDelete
  7. blogger_logo_round_35

    maaf sobat saya sudah coba tapi tidak berhasil...kira apa yang salah ya...dah post di add html dan postingan tapi gak bisa salam sob

    ReplyDelete
  8. blogger_logo_round_35

    @Taufik Hasbidi coba lagi sobat, dan jangan di kasi html di teks yang di kasi efek neon

    ReplyDelete

Saya sangat berterimakasih apabila sahabat sekalian bersedia untuk tidak meninggalkan spam dan meninggalkan komentar yang berhubungan dengan artikel di atas.