Thursday, March 15, 2012
Scrip tạo hiệu ứng chạy chữ theo 2 lớp
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:
<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:Bạn thay thành các màu bạn muốn như: gray (Đen), blue (xanh), Orange (Cam),...
- 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)
Chúc các bạn thành công!!!
Comments[ 0 ]
Post a Comment