07
Jul
2010
Jul
2010
Cara membuat teks neon
Posted by: adminCara membuat teks/tulisan neon.
Ingin memperindah tampilan blog/website dengan teks neon seperti contoh dibawah?
Demo:
Oke langsung aja, langkah membuat teks neon:
Pasang kode javascript dibawah ini pada <body> / post blog kamu.
Salin kode JAVASCRIPT
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 | <h3><script language="JavaScript1.2"> var message="Demo teks neon Demo teks neon" var neonbasecolor="#BDBDBD" var neontextcolor="#32FC0A" var neontextcolor2="#DEFDD8" var flashspeed=100 // speed of flashing in milliseconds var flashingletters=3 // number of letters flashing in neontextcolor var flashingletters2=1 // number of letters flashing in neontextcolor2 (0 to disable) var flashpause=0 // the pause between flash-cycles in 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></h3> |
Selamat mencoba..

memuat halaman
iklan




Postingan yang lain:




ajarin dong maklum bru belajar ni jadi blm tau apa apa sory jadi ngerepotin….makasih………?
kodenya tinggal pasang aja mas…
di atas nya kode apa di bawahnya??
klo blogspot taruhnya digadget ‘HTML/Javascript’