Variasi Teks Muncul Satu Persatu (Neon Light Effect)

Tuesday, June 26, 2012

Variasi Teks Muncul Satu Persatu (Neon Light Effect)

4:17:00 PM | Diposkan oleh Unknown | | Edit Post

Text dapat divariasi menjadi mode neon light yaitu seolah-olah seperti gambar banner text yang berjalan. Namun ini bukanlah banner, melainkan variasi script yang sering disebut neon light dan ini berbeda dengan efek marquee... Kalau effect neon light ini teks muncul per satu persatu dari kiri ke kanan. Seperti ucapan selamat datang yang sering tampak di atas jalan raya atau di papan nama di toko-toko, swalayan atau mall.

Anda pun bisa membuat seperti itu dengan mudah.

Langkah 1 :

Copy Script di bawah ini

/*

Neon Lights Effect

Variation script by: De Amru (http://tutorsmart.co.cc)

Inspiration from: javascriptkit

*/

var message="Silahkan beri komentar,like,share atau follow!"

var neonbasecolor="yellow"

var neontextcolor="red"

var flashspeed=100 //in milliseconds

var n=0

if (document.all||document.getElementById){

document.write('')

for (m=0;m<message.length;m++)

document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>')

document.write('')

}

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>

</span>

Langkah 2:

Silahkan paste di notepad atau wordpad dan anda bisa mengganti script yang berwarna merah sesuai dengan template blog anda agar terlihat lebih menarik.
- font size adalah ukuran teks
- message adalah teks yang akan ditampilkan
- neonbasecolor adalah warna dasar teks
- neontextcolor adalah warna teks berjalan
- flashspeed adalah kecepatan teks berjalan dalam mili detik

Langkah 3:

Anda bisa pasang di posting blog atau di widget HTML sesuai kebutuhan.

Nah, sobat begitulah cara mudah membuat variasi teks muncul satu persatu yang sering dikenal dengan neon light effect.

Contoh tampilannya seperti ini sobat.

Baca Juga:
Variasi Text dan Gambar Berjalan
Variasi Bola Basket Berjalan Memantul

Baca Juga » Info Kontes - Kompetisi Tingkat Nasional-International