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 相关文章推荐
AutoSave/自动存储功能实现
Mar 24 Javascript
THREE.JS入门教程(5)你应当知道的十件事
Jan 24 Javascript
JS实现网页表格自动变大缩小的方法
Mar 09 Javascript
JavaScript实现的简单拖拽效果
Jun 01 Javascript
jquery实现Li滚动时滚动条自动添加样式的方法
Aug 10 Javascript
KnockoutJS 3.X API 第四章之表单submit、enable、disable绑定
Oct 10 Javascript
vue的props实现子组件随父组件一起变化
Oct 27 Javascript
JavaScript实现256色转灰度图
Feb 22 Javascript
微信小程序利用co处理异步流程的方法教程
May 20 Javascript
react-redux中connect()方法详细解析
May 27 Javascript
vue中使用echarts制作圆环图的实例代码
Jul 27 Javascript
JS实现音乐导航特效
Jan 06 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
跟随鼠标旋转的文字
2006/11/30 Javascript
javascript下有关dom以及xml节点访问兼容问题
2007/11/26 Javascript
js跨域问题之跨域iframe自适应大小实现代码
2010/07/17 Javascript
jQuery中获取Radio元素值的方法
2013/07/02 Javascript
JQuery分别取得每行最后一列和最后一行的示例代码
2013/08/18 Javascript
js获取多个tagname的节点数组
2013/09/22 Javascript
Javascript脚本实现静态网页加密实例代码
2013/11/05 Javascript
JavaScript 限制文本框不可输入英文单双引号的方法
2016/12/20 Javascript
js按条件生成随机json:randomjson实现方法
2017/04/07 Javascript
vue-cli单页应用改成多页应用配置详解
2017/07/14 Javascript
快速解决vue-cli不能初始化webpack模板的问题
2018/03/20 Javascript
小程序tab页无法传递参数的方法
2018/08/03 Javascript
Vue实现调节窗口大小时触发事件动态调节更新组件尺寸的方法
2018/09/15 Javascript
教你30秒发布一个TypeScript包到NPM的方法步骤
2019/07/22 Javascript
详解基于原生JS验证表单组件xy-form
2019/08/20 Javascript
vue各种事件监听实例(小结)
2020/06/24 Javascript
python处理按钮消息的实例详解
2017/07/11 Python
python多线程与多进程及其区别详解
2019/08/08 Python
Python SELENIUM上传文件或图片实现过程
2019/10/28 Python
Jupyter Notebook 安装配置与使用详解
2021/01/06 Python
Python爬虫scrapy框架Cookie池(微博Cookie池)的使用
2021/01/13 Python
Python实现淘宝秒杀功能的示例代码
2021/01/19 Python
菲律宾旅游网站:Expedia菲律宾
2017/10/11 全球购物
俄罗斯的精英皮具:Wittchen
2018/01/29 全球购物
澳大利亚汽车零部件、音响及配件超市:Automotive Superstore
2018/06/19 全球购物
介绍一下#error预处理
2015/09/25 面试题
编程输出如下图形
2013/11/24 面试题
办公室前台的岗位职责
2013/12/20 职场文书
公司成立感言
2014/01/11 职场文书
我的求职择业计划书
2014/04/04 职场文书
农林经济管理专业自荐信
2014/09/01 职场文书
保安2014年终工作总结
2014/12/06 职场文书
工程部文员岗位职责
2015/02/04 职场文书
关于应聘教师的自荐信
2016/01/28 职场文书
oracle连接ODBC sqlserver数据源的详细步骤
2021/07/25 Oracle
Redis超详细讲解高可用主从复制基础与哨兵模式方案
2022/04/07 Redis