Minggu, 22 Januari 2012

Cara Memberi Efek Lampu Neon pada Tulisan

Cara Memberi Efek kelap-kelip bisa juga Lampu Neon pada Tulisa
Effek flashing dalam tek murni dari pengaruh JavaScript, Tidak memakai
kode CSS.
Neon Text Color jQuery dapat digunakan Untuk postingan ataupun di sidebar,
guna mempercantik tampilan blog/website sobat.
Langsung aja....

1.login blogger
2.Rancangan.
3.Tambahkan gadget, Html Java script






<script language="JavaScript1.2">

var message="Tulisan Yang diberi Efek"

var neonbasecolor=""

var neontextcolor="#fd3d3a"

var neontextcolor2="#ff8080"

var flashspeed=50 // kecepatan flashing dalam milliseconds

var flashingletters=5 // jumlah huruf yg di flashing dlm neontextcolor

var flashingletters2=1 // jumlah huruf yg di flashing dlm neontextcolor2 (0
to disable)

var flashpause=0 // pause diantara flash-cycles dlm milliseconds

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>

ganti kode Yang diberi Efek dengan tulisan yang akan diberikan efek.

kode #fd3d3a dan #ff8080,
ganti kode warna dengan kode warna yg sobat suka.

angka 50 adalah kecepatan flashing. lebih besar angkanya maka
lebih lambat kecepatan flashing nya.

angka 5 merupakan jumlah huruf yang di flashing.

angka 1 jumlah huruf yg di flashing setelah kode pada baris ketujuh.

Sekian Dan Selamat Mencoba.....Sukses ya.....

0 komentar:

Posting Komentar

Related Posts Plugin for WordPress, Blogger...