Pages

Chủ Nhật, 20 tháng 9, 2015

CODE HAY CHO BLOG.


                               

                      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:
  • 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!
- See more at: http://anhcuatoianh968.blogspot.com/p/code.html#sthash.qDWSClTX.dpuf

Không có nhận xét nào:

Đăng nhận xét

 

Sample text

Sample Text











 
Blogger Templates