|
实现文字渐淡显示的效果代码如下:
<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>
|
|