Hiệu ứng màu chạy lấp lánh trong chữ

Hiệu ứng màu chạy lấp lánh trong chữ còn được gọi là neon Text Color. Đây là 1 hiệu ứng khá đẹp thường được dùng trong Website, Blog với những câu chào hoặc giới thiệu làm điểm nhấn.

Thủ thuật blogger hôm nay giới thiêu các bạn cách thêm thủ thuật này với việc sử dụng 1 đoạn mã Javascript khá đơn giản. Điều đáng nói hơn là đoạn Javascipt này thích hợp với cả trình duyệt củ chuối IE6...Hướng dẫn thủ thuật:1. Vào bảng điều khiển blogger -> Bố cục (Layout) -> Thêm tiện ích (Add a Widget) -> HTML/Javascript/2. Dán đoạn code dưới đây vào tiện ích HTML /Javascript vừa thêm:

<style> .neonlight{font-weight:bold; font-family:times; font-size:38px; /*cở chữ*/ } </style>  <script language="JavaScript1.2"> var message="Forum Bẽo" //thay thành dòng tin của bạn var neonbasecolor="#000099" //màu của text var neontextcolor="#FFFC17" //màu của hiệu ứng neon 1 var neontextcolor2="#FBB117" //màu của hiệu ứng neon 2 var flashspeed=120 // tốc độ chạy của màu neon 1 và neon 2, số càng nhỏ tốc độ càng nhanh var flashingletters=2 // độ rộng của màu neon 1 var flashingletters2=1 // độ rộng của màu neon 2 var flashpause=0   var n=0 if (document.all||document.getElementById){ document.write('<font color="'+neonbasecolor+'">') for (m=0;m<message.length;m++) document.write('<span class="neonlight" 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(){ if (n==0){ for (m=0;m<message.length;m++) crossref(m).style.color=neonbasecolor } 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>

Trong đó:Forum Bẽo :là đoạn chữ bạn muốn thể hiện.Còn lại những thuộc tính khác mình đã ghi chú ngay ở code. các bạn tùy chỉnh theo ý mình nhé.

- Trong quá trình viết bài chúng tôi sẽ có nhiều thiếu sót mong các bạn đóng góp để chúng tôi rút kinh nghiệm hơn !
- Mọi chi tiết xin liên hệ:
- Email: lephuocsinh96@gmail.com
- Facebook: Fb.com/beohoavinh