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 函数调用模式小结
Dec 26 Javascript
实现只能输入数字的input不用replace方法
Sep 12 Javascript
浅析XMLHttpRequest的缓存问题
Dec 13 Javascript
jQuery插件Tooltipster实现漂亮的工具提示
Apr 12 Javascript
js代码实现无缝滚动(文字和图片)
Aug 20 Javascript
BootStrap.css 在手机端滑动时右侧出现空白的原因及解决办法
Jun 07 Javascript
Javascript中for循环语句的几种写法总结对比
Jan 23 Javascript
详解Vue方法与事件
Mar 09 Javascript
JavaScript实现form表单的多文件上传
Mar 27 Javascript
vue 2.x 中axios 封装的get 和post方法
Feb 28 Javascript
vue组件jsx语法的具体使用
May 21 Javascript
微信小程序如何利用getCurrentPages进行页面传值
Jul 01 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
与空气斗智斗勇的经典《Overlord》,传说中的“无稽之谈”
2020/04/09 日漫
一个简单的自动发送邮件系统(一)
2006/10/09 PHP
codeigniter实现get分页的方法
2015/07/10 PHP
javascript的对话框详解与参数
2007/03/08 Javascript
基于jQuery的可以控制左右滚动及自动滚动效果的代码
2010/07/25 Javascript
javascript中callee与caller的用法和应用场景
2010/12/08 Javascript
轻松创建nodejs服务器(10):处理上传图片
2014/12/18 NodeJs
javascript动态创建及删除元素的方法
2014/12/22 Javascript
JS实现仿腾讯微博无刷新删除微博效果代码
2015/10/16 Javascript
jquery属性,遍历,HTML操作方法详解
2016/09/17 Javascript
解析JavaScript实现DDoS攻击原理与保护措施
2016/12/26 Javascript
bootstrap 模态框(modal)实现水平垂直居中显示
2017/01/23 Javascript
JavaScript模拟实现封装的三种方式及写法区别
2017/10/27 Javascript
vue如何在自定义组件中使用v-model
2018/05/14 Javascript
以v-model与promise两种方式实现vue弹窗组件
2018/05/21 Javascript
解决layer弹层遮罩挡住窗体的问题
2018/08/17 Javascript
微信小程序如何加载数据库真实数据的实现
2020/03/04 Javascript
package.json各个属性说明详解
2020/03/11 Javascript
JavaScript实现简易计算器小功能
2020/10/22 Javascript
[59:08]Ti4 冒泡赛第二天 NEWBEE vs Titan 2
2014/07/15 DOTA
Python实现配置文件备份的方法
2015/07/30 Python
利用Python爬虫给孩子起个好名字
2017/02/14 Python
Python实现Mysql数据库连接池实例详解
2017/04/11 Python
Python Cookie 读取和保存方法
2018/12/28 Python
用Python识别人脸,人种等各种信息
2019/07/15 Python
django如何自己创建一个中间件
2019/07/24 Python
python函数参数(必须参数、可变参数、关键字参数)
2019/08/16 Python
Django中自定义查询对象的具体使用
2019/10/13 Python
pytorch  网络参数 weight bias 初始化详解
2020/06/24 Python
专门出售各种儿童读物的网站:Put Me In The Story
2016/08/07 全球购物
StubHub智利:购买和出售您的门票
2016/11/23 全球购物
2013的个人自我评价
2013/12/26 职场文书
小学数学课后反思
2014/04/23 职场文书
2014年维修电工工作总结
2014/11/20 职场文书
工作简历自我评价
2015/03/11 职场文书
python爬虫之selenium库的安装及使用教程
2021/05/23 Python