Welcome 微信登录

首页 / 脚本样式 / JavaScript / javascript实现的动态文字变换

实现文字渐淡显示的效果代码如下:

<html> 
<head>
<script> 
<!-- 
function HelpArray(len){this.length=len } 
HelpText= new HelpArray(5) 
HelpText[0]="视点闪客" 
HelpText[1]="智慧无边" 
HelpText[2]="魅力无限" 
HelpText[3]="十二亿中国人的最爱"
HelpText[4]="http://visionflash.blog.sohu.com" 
ScriptText=new HelpArray(5)
//*定义文本数组,一共是五段文本*// 
var i = -1 
function playHelp() { 
if (i==4) { i=0 } 
else { i++ } 
div1.filters[0].apply() 
div1.innerText=HelpText[i] 
div1.filters[0].play() 
mytimeout=setTimeout("playHelp()",2500)} 
//*定义play函数,并且设置了时间间隔*//
--> 
</script> 
<style> <!-- 
#div1{position:absolute;top:20;left:20;width:480;height:200; 
font-family:行书体; color:red;font-size:40;
font-weight:bold;text-align:center; 
filter:revealtrans(transition=12,duration=2) } 
//*设置显示转换滤镜*//
 --> 
</style> </head> 
<body onload="playHelp()"> 
<div id="div1" onload="playHelp()"> </div> 
</body> 
</html>