Thứ Tư, 18 tháng 4, 2012

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

™» CGC Blog «™ 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:

 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!

Nguồn : namkna.blogspot.com
Copy : CGC Blog
Khi copy, các bạn nhớ ghi rõ nguồn gốc. Xin chân thành cảm ơn!

0 Bình Luận:

Đăng nhận xét

Nội quy comments của CGC Forum :
1. Comments không được sử dụng lời lẽ thiếu văn hóa, ảnh hưởng xấu đến chính trị, tổ chức, cá nhân.
2. Không được sử dụng comments với mục đích spam.
Những comments làm trái quy định sẽ bị xóa...!
Xin cảm ơn các bạn đã đóng góp comments và tuân thủ nội quy của blog !
Notice by Admin

 
CGC Forum | Thủ Thuật © 2011 - 2012 by Tran Viet Duc
Top Page