javascript实现的动态文字变换
2007-07-28 00:00
579 查看
实现文字渐淡显示的效果代码如下:
<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>
<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实现的动态文字变换
- javascript使用switch case实现动态改变超级链接文字及地址
- js实现input框文字动态变换显示效果
- 利用imagettftext实现动态的促销文字的变换
- js实现input框文字动态变换显示效果
- javascript实现点击后变换按钮显示文字的方法
- javascript使用switch case实现动态改变超级链接文字及地址
- javascript实现点击后变换按钮显示文字的方法
- javascript实现的动态添加表单元素input,button等(appendChild)
- C#实现动态引用外部的Javascript,CSS
- JAVASCRIPT实现网页动态鼠标跟随
- JavaScript动态改变div属性的实现方法
- 使用JAVASCRIPT实现的 单行文字 逐个文字变色,可以循环控制
- android中TextView的文字实现动态效果,走马灯效果,闪烁效果
- 利用附件上载控件+Javascript实现动态上传附件功能
- JavaScript动态插入script的基本思路及实现函数
- javascript实现动态标签云
- JavaScript实现的可变动态数字键盘控件三种方式
- JavaScript实现漫天飞花及文字滚动特效的代码
- 利用C#动态编译功能实现像Javascript中的Eval的功能来将一段字符串进行数学运算