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.
Trước đây mình có giới thiệu 2 cách tạo chữ chạy khá đẹp đó là:
- Sử dụng cặp <marquee> ... </marquee> xem lại tại đây.
- Sử dụng các trang Web tạo ảnh động có chữ chuyển động xem lại Tại đây.
Hôm nay mình giới thiệuch0 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. Bạn xem demo thì 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 blog namkna.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
Nhận xét
Bạn vui lòng ghi nguồn vào nha, thank!!!
Trả lờiXóaCám ơn bạn. bài viết khá bổ ích nhưng chỗ tin mới mình muốn fill dữ liệu vào thì lại bị lỗi.
Trả lờiXóaở chỗ tin mới dưới menu.
Web mình: http://vrm.com.vn/