Cara Membuat Efek Teks Neon Light 1 Warna

Andhi Blog : Seperti sebelumnya kita pernah membuat efek teks neon light yang menyala dari kiri kekanan seperti lampu relay, seperti halnya yang satu ini, efek neon light dengan efek yang berbeda.

Apanya yang berbeda? pada dasarnya sama dengan efek teks neon light yang sebelumnya, hanya ada perpedaan sedikit dalam efeknya yang menyala mewarnai seluruh teks tanpa di ikuti warna dibelakangnya. Untuk yang tertarik untuk membuat efek ini silahkan copy scriptnya di bawah ini :

<h2>
<script language="JavaScript1.2">
var message="Selamat Datang di Situseo Blog Terima Kasih Atas Kunjungannya"
var neonbasecolor="white"
var neontextcolor="red"
var flashspeed=100
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++)
//eval("document.all.neonlight"+m).style.color=neonbasecolor
crossref(m).style.color=neonbasecolor
}


//cycle through and change individual letters to neon color
crossref(n).style.color=neontextcolor


if (n<message.length-1)
n++
else{
n=0
clearInterval(flashing)
setTimeout("beginneon()",1500)
return
}
}


function beginneon(){
if (document.all||document.getElementById)
flashing=setInterval("neon()",flashspeed)
}
beginneon()




</script>
</h2>

Bila ingin mengkostumisasi sendiri, kalian bisa merubah bagian
var message="Selamat Datang di Situseo Blog Terima Kasih Atas Kunjungannya"
var neonbasecolor="white" warna dasar teks kalian bisa ubah
var neontextcolor="red" warna neon light bisa kalian ubah
var flashspeed=100 kecepatan neon light dalam milliseconds
<h2> merupakan ukuran dari teks, kalian bisa menggantinya dengan ukuran yang lain

Untuk pemasangannya sendiri bisa ditempatkan dalam postingan seperti contoh dibawah ini, atau bisa di letakan di dalam sidebar sebagai gadget, yang caranya seperti dalam pembuatan neon light teks sebelumnya dengan efek berbeda.
hasil dari script tersebut diatas, seperti ini :

Selamat Datang di Andhi-CommunityInside Blog Terima Kasih Atas Kunjungannya