Tuesday, June 26, 2012

Variasi Teks Muncul Satu Persatu (Neon Light Effect)

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

<span style="font-size: 20px;">
<script language="JavaScript1.2">
/*
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


0 komentar:

Follow Us

Daftar Artikel

Created by. Amru Sholihin. Powered by Blogger.

TIPS SEO HARI INI

Anda punya Blog? Atau website ingin meningkatkan Page Rank di Search Engine? Klik logo-logo di bawah ini untuk melihat caranya :
ping fast  my blog, website, or RSS feed for Free Ping your blog, website, or RSS feed for Free My Ping in TotalPing.com

PageRank Display

PageRank