javascript实现的动态文字变换


Posted in Javascript onJuly 28, 2007

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

<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 相关文章推荐
js类 from qq
Nov 13 Javascript
浅谈jQuery事件绑定原理
Jan 02 Javascript
轻松搞定jQuery.noConflict()
Feb 15 Javascript
JavaScript知识点总结(十)之this关键字
May 31 Javascript
第一次接触神奇的Bootstrap基础排版
Jul 26 Javascript
JS实现微信弹出搜索框 多条件查询功能
Dec 13 Javascript
JS实现iframe自适应高度的方法示例
Jan 07 Javascript
jquery表单验证实例仿Toast提示效果
Mar 03 Javascript
Bootstrap fileinput文件上传预览插件使用详解
May 16 Javascript
使用SVG基本操作API的实例讲解
Sep 14 Javascript
angular 实现的输入框数字千分位及保留几位小数点功能示例
Jun 19 Javascript
记一次vue去除#问题处理经过小结
Jan 24 Javascript
弹出广告特效(一个IP只弹出一次)的代码
Jul 27 #Javascript
用ASP将SQL搜索出来的内容导出为TXT的代码
Jul 27 #Javascript
让iframe自适应高度(支持XHTML,支持FF)
Jul 24 #Javascript
一个JS翻页效果
Jul 23 #Javascript
XML的代替者----JSON
Jul 21 #Javascript
js右键菜单效果代码
Jul 21 #Javascript
$()JS小技巧
Jul 21 #Javascript
You might like
使用VisualStudio开发php的图文设置方法
2010/08/21 PHP
关于PHP内存溢出问题的解决方法
2013/06/25 PHP
php导出word文档与excel电子表格的简单示例代码
2014/03/08 PHP
php中debug_backtrace、debug_print_backtrace和匿名函数用法实例
2014/12/01 PHP
php表单提交与$_POST实例分析
2015/01/26 PHP
通过Email发送PHP错误的方法
2015/07/20 PHP
功能强大的php分页函数
2016/07/20 PHP
28个JS验证函数收集
2010/03/02 Javascript
ajax上传时参数提交不更新等相关问题
2012/12/11 Javascript
深入理解Javascript中的循环优化
2013/11/09 Javascript
Jquery判断form表单数据是否变化
2016/03/30 Javascript
原生js实现addclass,removeclass,toggleclasss实例
2016/11/24 Javascript
js 单引号替换成双引号,双引号替换成单引号的实现方法
2017/02/16 Javascript
用node-webkit把web应用打包成桌面应用(windows环境)
2018/02/01 Javascript
微信小程序实现漂亮的弹窗效果
2020/05/26 Javascript
jquery获取元素到屏幕四周可视距离的方法
2018/09/05 jQuery
详解Vue.directive 自定义指令
2019/03/27 Javascript
详解vue项目中调用百度地图API使用方法
2019/04/25 Javascript
小程序实现日历左右滑动效果
2019/10/21 Javascript
详解js中的原型,原型对象,原型链
2020/07/16 Javascript
JS中的变量作用域(console版)
2020/07/18 Javascript
python中的yield使用方法
2014/02/11 Python
Python itertools模块详解
2015/05/09 Python
详解python eval函数的妙用
2017/11/16 Python
Python实现读取SQLServer数据并插入到MongoDB数据库的方法示例
2018/06/09 Python
Python代码中如何读取键盘录入的值
2020/05/27 Python
TripAdvisor土耳其网站:全球知名旅行社区,真实旅客评论
2017/04/17 全球购物
澳大利亚制造的蜡烛和扩散器:Glasshouse Fragrances
2018/05/20 全球购物
Airbnb爱彼迎官网:成为爱彼迎房东,赚取收入
2019/03/14 全球购物
自荐信的禁忌和要点
2013/10/15 职场文书
大学生物业管理求职信
2013/10/24 职场文书
Python 游戏大作炫酷机甲闯关游戏爆肝数千行代码实现案例进阶
2021/10/16 Python
Python 数据可视化之Matplotlib详解
2021/11/02 Python
nginx配置之并发频次限制
2022/04/18 Servers
使用 MybatisPlus 连接 SqlServer 数据库解决 OFFSET 分页问题
2022/04/22 SQL Server
Spring Data JPA框架自定义Repository接口
2022/04/28 Java/Android