首页 > 网络编程 > JavaScript > 网页特效 > 文字特效 > 溶解文字切换

JS溶解形式的文字切换特效

2009-11-13 00:17:46 作者：

JavaScript形成溶解过渡形式的文字切换特效，够酷吧，的你平静如水的网页上旋转这么一个文字特效，一定会吸引不少人的注意力，文字内容和颜色以及字号大小看看代码就会知道怎么改了。

<html> 
<title>JS溶解形式的文字切换特效</title> 
<head> 
<SCRIPT> 
messages = new Array() 
messages[0] = "脚本之家,都知道吧?" 
messages[1] = "我们更关注开源,欢迎发布开源源代码" 
messages[2] = "提供给你一个有质量的源代码资料站" 
mescolor = new Array() 
mescolor[0] = "000000" 
mescolor[1] = "FF0000" 
mescolor[2] = "008800" 
messize = new Array() 
messize[0] = "30pt" 
messize[1] = "30pt" 
messize[2] = "30pt" 
var i_messages = 0 
var timer 
function dotransition() { 
if (document.all) { 
content.filters[0].apply() 
content.innerHTML = "<span style='color:"+mescolor[i_messages]+";font-size:"+messize[i_messages]+";filter: revealTrans(Transition=12, Duration=3)'>"+messages[i_messages]+"</span>" 
content.filters[0].play() 
if (i_messages >= messages.length-1) { 
i_messages = 0 
} 
else { 
i_messages++ 
} 
}

if (document.layers) { 
document.content.document.write("<span style='color:"+mescolor[i_messages]+"'>"+messages[i_messages]+"</span>") 
if (i_messages >= messages.length-1) { 
i_messages = 0 
} 
else { 
i_messages++ 
} 
} 
timer = setTimeout("dotransition()",4999) 
}

</SCRIPT> 
</head> 
<body onload="dotransition()"> 
<DIV id="content" style="FILTER: revealTrans(Transition=12, Duration=2); HEIGHT: 200px; LEFT: 93px; POSITION: absolute; TEXT-ALIGN: center; TOP: 21px; WIDTH: 559px"></DIV> 
<DIV id="source" style="COLOR: #aaaaaa; LEFT: 94px; POSITION: absolute; TEXT-ALIGN: center; TOP: 243px; WIDTH: 560px"> 
</body> 
</html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

JS溶解形式的文字切换特效

您可能感兴趣的文章: