Scrip tạo hiệu ứng chạy chữ theo 2 lớp

Ngày Thứ Năm, 15 tháng 3, 2012 Blog của Báo Mới Hà Nội chia sẻ với bạn đọc bài viết Scrip tạo hiệu ứng chạy chữ theo 2 lớp
Chúc bạn xem tin tức vui vẻ !!

Hôm nay mình giới thiệu đến các bạn cách tạo chữ chạy theo 2 lớp hoàn toàn khác với các cách trước sử dụng file Scrip. Bạn có thể thêm vào một tiện ích HTML/Javarscrip (Chọn Thiết kế > Thêm tiện ích HTML/Javacript) hoặc trong bài viết của bạn.Xem DEMO bên dưới sẽ rõ hơn:

 Và đây là Code:

<script language="JavaScript1.2"> var message="Chào mừng các bạn đến với tanchau123.blogspot.com" var neonbasecolor="yellow" var neontextcolor="Red" var flashspeed=100 //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(){ 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>

Trong đó bạn có thể thay các thông số sau:

• Thay chữ màu xanh bằng chữ bạn muốn.
• var neonbasecolor="yellow" là màu chữ nền (Ở đây là màu vàng: yellow).
• var neontextcolor="Red" là màu chữ chạy bên trên chữ nền.(Ở đây là màu đỏ: Red)

Bạn thay thành các màu bạn muốn như: gray (Đen), blue (xanh), Orange (Cam),...

Chúc các bạn thành công!!!