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.

Trước đây mình có giới thiệu 2 cách tạo chữ chạy khá đẹp đó là:

1. Sử dụng cặp <marquee> ... </marquee> xem lại tại đây.
2. 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:

Demo for Post

 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:

• 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 thành công!

Theo: javascriptkit.com

Chủ đề: