【js】文字模糊

来自:脚本之家

< 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]="欢迎访问无忧<a href='http://www.jb51.net' target='_blank'><font color=red>脚本</font></a>"  
message[1]="我们将把最好的东西共享给你"  
message[2]="这个<a href='http://www.jb51.net' target='_blank'><font color=red>脚本</font></a>不错吧？"  
message[3]="你可以在这里加入不同的东西"  
message[4]="比如图片，连接等，都可以的"  
message[5]="如果有什么问题的话，直接回帖就可以了"  
message[6]="<img src=logo.gif>不要把我们给忘记了"  
message[7]="我们会尽力来回答你的问题"  
message[8]="我们的网址是 <img src=/moi/file.gif align=absbottom> <a href="http://www.51js.com" target=_blank>http://www.51js.com</a>"  
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 >