文字模糊特效 - 站长资源库


答案：
<html>  
<head>  
<title>文字模糊特效</title>  
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">  
</head>  

<body bgcolor="#FFFFFF" text="#000000" onLoad="blurtext()">  
<SCRIPT language=javaScript>  
var thissize=11  
var textfont="Verdana"  

var textcolor= new Array()  
textcolor[0]="EEEEEE"  
textcolor[1]="DDDDDD"  
textcolor[2]="CCCCCC"  
textcolor[3]="AAAAAA"  
textcolor[4]="888888"  
textcolor[5]="666666"  
textcolor[6]="555555"  
textcolor[7]="444444"  
textcolor[8]="333333"  
textcolor[9]="222222"  
textcolor[10]="111111"  
textcolor[11]="000000"  

var message = new Array()  
message[0]="欢迎访问无忧脚本"  
message[1]="我们将把最好的东西共享给你"  
message[2]="这个脚本不错吧？"  
message[3]="你可以在这里加入不同的东西"  
message[4]="比如图片，连接等，都可以的"  
message[5]="如果有什么问题的话，直接回帖就可以了"  
message[6]="<img src=logo.gif>不要把我们给忘记了"  
message[7]="我们会尽力来回答你的问题"  
message[8]="我们的网址是 <img src=/moi/file.gif align=absbottom> http://www.51js.com"  
message[9]="如果上网没什么事干的话，可以到我们的聊天区聊聊天南地北的事：）"  
message[10]="网络正在渐渐的改变我们的生活"  
message[11]="你会使用论坛吗？有很多贴心的功能，找找看"  
message[12]="如果在这个版的例子有你喜欢的，记得要放进收藏夹啊！有个收藏夹的图标，点一下就可以了：）"  

var i_blurstrength=10  
var i_message=0  
var i_textcolor=0  

function blurtext() {          
if(document.all) {  
if (i_blurstrength >=-2) {  
if (i_textcolor >=textcolor.length-1) {i_textcolor=textcolor.length-1}  
blurthis.innerHTML="<span id='blurpit1' style='position:absolute;visibility:visible;width:600px;top:5px;left:5px;filter:blur(add=0,strength="+i_blurstrength+",direction=90);font-family:"+textfont+";font-size:"+thissize+"pt;color:"+textcolor[i_textcolor]+"'>"+message[i_message]+"</span>";  
document.close()  
i_blurstrength=i_blurstrength-2  
i_textcolor++  
var timer=setTimeout("blurtext()",60)  
}  
else {  
if (i_textcolor >=textcolor.length-1) {i_textcolor=textcolor.length-1}  
blurthis.innerHTML="<span id='blurit1' style='position:absolute;visibility:visible;width:600px; top:5px;left:5px;filter:blendTrans(duration=4.2);font-family:"+textfont+";font-size:"+thissize+"pt;color:000000'>"+message[i_message]+"</span>";  
i_message++  
if (i_message>=message.length){i_message=0}  
i_blurstrength=20  
i_textcolor=0  
clearTimeout(timer)  
var timer=setTimeout("blurtext()",1000)  
}  
}      
}  
// - End of JavaScript - -->  
</SCRIPT>  
<DIV id="blurthis" style="position:absolute;visibility:visible;">  
</DIV>  
</body>  
</html>

  [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
上一个：IE与FireFox的兼容性问题分析
下一个：手把手教你做超酷的条形码效果第1/3页
更多图片编程知识: