Effect flashing didalam text adalah murni dari pengaruh java script, tanpa menggunakan CSS sama sekali. Neon Text Color jQuery ini dapat digunakan di postingan maupun di sidebar, guna mempercantik tampilan blog/website sobat. Tertarik ??!! Langsung saja ke langkah-langkah membuat Neon Text Color jQuery. Masukan kode java script dibawah ini pada postingan ( pd mode Edit HTML ) atupun di sidebar ( dg menambahkan add gadget HTML/Java Script pd widget sidebar sobat).
<center><h1><script language="JavaScript1.2"> var message="DEMO" 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></h1></center>kode pada baris kedua, ganti kode DEMO dengan tulisan yang akan diberikan effect. kode pada baris keempat dan kelima, ganti kode warna dengan kode warna yg sobat suka. kode pada baris keenam, angka 50 adalah kecepatan flashing effect neon. lebih besar angkanya maka akan lebih lambat kecepatan flashing nya. kode pada baris ketujuh, angka 5 adalah merupakan jumlah huruf yang di flashing. kode pada baris kedelapan, angka 1 adalah jumlah huruf yg di flashing setelah kode pada baris ketujuh. Selesai. Terbitkan postingan sobat dan lihat hasilnya.
0 komentar:
Posting Komentar