变化字特效
<!-- 要实现此效果需要 2 个步骤： -->
<!-- 第 1 步： -->
<!-- 把<BODY>中的属性代码改为： -->
<BODY onload=blurtext();>
<!-- 第 2 步： -->
<!-- 把下面的代码加到<BODY></BODY>区域中： -->
<script language=javascript>
<!--
var thissize=20
var textfont="arial"
var textcolor= new Array()
textcolor[0]="lime"
textcolor[1]="#FF9900"
textcolor[2]="aqua"
textcolor[3]="yellow"
textcolor[4]="#FF8040"
textcolor[5]="#FFD1BB"
textcolor[6]="#CCCCFF"
textcolor[7]="#CCCC33"
textcolor[8]="#ff8040"
textcolor[9]="yellow"
textcolor[10]="lime"
textcolor[11]="#FF9900"
var message = new Array()
message[0]=" webasp.net"
message[1]="Welcome To You!"
message[2]=" webasp.net"
message[3]="Welcome To You!"
var i_blurstrength=15
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:100px;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()",50)
}
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:100px;left:5px;filter:blendTrans(duration=4.2);font-family:"+textfont+";font-size:"+thissize+"pt;color:FF0000'>"+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()",2000)
}
}
}
//-->
</script>
<p id=blurthis></p>
您当前的位置：
技术文章导航