您的位置：首页 > Web前端 > JavaScript

javascript实现的动态文字变换

2007-07-28 15:05 363 查看
实现文字渐淡显示的效果代码如下：

　　<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>

您可能感兴趣的文章:

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  javascript实现的动态文字变换
相关文章推荐
新的分享
章节导航