Scrip tạo hiệu ứng chạy chữ theo 2 lớp
Với Blog thì không chỉ giao diện đẹp, nội dung phong phú mà bên cạnh đó các trình bày câu, chữ cũng rất quan trọng, nó giúp khách thăm blog có cái nhìn thiện cảm với blog của chúng ta.Hôm nay mình giới thiệu các 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.
code
<script language="JavaScript1.2"> var message="CHào mừng các bạn đến với blog anhcuatoianh968.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 thành công!
Theo: javascriptkit.com
Không có nhận xét nào:
Đăng nhận xét