Cara Membuat Neon Lights Text Effects
Sangat efektif karena dengan keindahan gemerlap lampu neon tersebut dapat menarik perhatian siapa saja yang melihatnya. Dan sekarang Neon Lights Text Effects tersebut dapat digunakan juga pada website anda.
Setiap asfek dari script ini dapat dikonfigurasikan, seperti warna dasar text, warna neon text dan juga kecepatan, dimana siklus efek melaluinya.
Demo:
Cara Membuat Neon Lights Text Effects
- Copy Script berikut ini dan tempatkan dimanapun pada halaman website anda, (dapat juga digunakan untuk posting).
<h2>
<script language="JavaScript1.2">
/*
Neon Lights Text
By Buku Catatan si Ugi (http://caprt3a.blogspot.com)
*/
var message="Dari Gelap Terbitlah Terang"
var neonbasecolor="red"
var neontextcolor="yellow"
var flashspeed=100 //in milliseconds
///No need to edit below this line/////
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>
</h2>
0 komentar:
Post a Comment
Catatan :
Untuk menyisipkan gambar kedalam komentar, gunakan tag : [img]URL_Gambar[/img]
atau <i rel="image">URL_Gambar</i>
Untuk Video Youtube : [youtube]URL_Video[/youtube]
atau <i rel="youtube">URL_Video</i>
Untuk "Kutipan", gunakan : [blockquote]Kutipan_Anda[/blockquote]
atau <b rel="quote">Kutipan_Anda</b>
Untuk menyisipkan Kode: [code]KODE[/code]
atau <i rel="code">KODE</i>
atau <i rel="pre">KODE</i>
Dan untuk menyisipkan smiles/ emoticon, lihat kode Emoticon