Chào các bạn, cũng bí ý tưởng để viết bài rồi nên hôm nay viết tạm bài tạo chữ chạy đẹp với Javascript cho có bài mới ^^ Ok, không linh tinh nữa thì cùng vào vấn đề chính!
Nếu các bạn muốn tạo trong trang mới thì các bạn chuyển sang chế độ HTML, hoặc có thể chèn vào bố cục cũng được, chèn đoạn code dưới đây vào nơi muốn hiển thị :
LỜI KẾT
Nếu các bạn muốn tạo trong trang mới thì các bạn chuyển sang chế độ HTML, hoặc có thể chèn vào bố cục cũng được, chèn đoạn code dưới đây vào nơi muốn hiển thị :
<div style=" font: normal bold 40px Times">
<script language="JavaScript1.2">
var message="Hiệu Ứng Chữ Chạy Với Javascript"//Chữ cần tạo hiệu ứng
var neonbasecolor="#FFA500"//Mầu chữ ban đầu
var neontextsize="40"
var neontextcolor="#7577a9"//Hiệu ứng mầu 1
var neontextcolor2="#000"//Hiệu ứng mầu 2
var flashspeed=100 //Tốc độ của hiệu ứng
var flashingletters=3 // Số chữ thay đổi màu của lần 1
var flashingletters2=1 // Số chữ thay đổi màu của lần 2
var flashpause=0 // the pause between flash-cycles in milliseconds
///No need to edit below this line/////
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(){
//Change all letters to base color
if (n==0){
for (m=0;m<message.length;m++)
crossref(m).style.color=neonbasecolor
}
//cycle through and change individual letters to neon color
crossref(n).style.color=neontextcolor
if (n>flashingletters-1) crossref(n-flashingletters).style.color=neontextcolor2
if (n>(flashingletters+flashingletters2)-1) crossref(n-flashingletters-flashingletters2).style.color=neonbasecolor
if (n<message.length-1)
n++
else{
n=0
clearInterval(flashing)
setTimeout("beginneon()",flashpause)
return
}
}
function beginneon(){
if (document.all||document.getElementById)
flashing=setInterval("neon()",flashspeed)
}
beginneon()
</script></div>
Đơn giản vậy thôi :)) chúc các bạn thành công!
Bài viết sưu tầm từ nhiều nguồn trên mạng, hy vọng nó sang mang đến thông tin hữu ích cho bạn. Chúc các bạn vui vẽ ngày mới!
ConversionConversion EmoticonEmoticon