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 相关文章推荐
javascript for循环设法提高性能
Feb 24 Javascript
ExtJs默认的字体大小改变的几种方法(自己整理)
Apr 18 Javascript
javascript实例分享---具有立体效果的图片特效
Jun 08 Javascript
Node.js安装教程和NPM包管理器使用详解
Aug 16 Javascript
JS数组操作(数组增加、删除、翻转、转字符串、取索引、截取(切片)slice、剪接splice、数组合并)
May 20 Javascript
AngularJS 服务详细讲解及示例代码
Aug 17 Javascript
AngularJS API之copy深拷贝详解及实例
Sep 14 Javascript
Jqprint实现页面打印
Jan 06 Javascript
详解Vue 非父子组件通信方法(非Vuex)
May 24 Javascript
浅谈Koa2框架利用CORS完成跨域ajax请求
Mar 06 Javascript
如何在Vue.js中实现标签页组件详解
Jan 02 Javascript
简单聊聊TypeScript只读修饰符
Apr 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
计算2000年01月01日起到指定日的天数
2006/10/09 PHP
php实现的简单检验登陆类
2015/06/18 PHP
PHP语法小结之基础和变量
2015/11/22 PHP
PHP将URL转换成短网址的算法分享
2016/09/13 PHP
Thinkphp5框架中引入Markdown编辑器操作示例
2020/06/03 PHP
PHP反射基础知识回顾
2020/09/10 PHP
javascript基础之查找元素的详细介绍(访问节点)
2013/07/05 Javascript
js Object2String方便查看js对象内容
2014/11/24 Javascript
jquery实现将获取的颜色值转换为十六进制形式的方法
2014/12/20 Javascript
JS获取图片lowsrc属性的方法
2015/04/01 Javascript
jQuery validate+artdialog+jquery form实现弹出表单思路详解
2016/04/18 Javascript
不使用script导入js文件的几种方法
2016/10/27 Javascript
Javascript中的getter和setter初识
2017/08/17 Javascript
dts文件中删除一个node或属性的操作方法
2018/08/05 Javascript
JavaScript实现轮播图效果代码实例
2019/09/28 Javascript
[54:28]EG vs OG 2019国际邀请赛小组赛 BO2 第一场 8.16
2019/08/18 DOTA
python套接字流重定向实例汇总
2016/03/03 Python
Python中面向对象你应该知道的一下知识
2019/07/10 Python
python文件读写代码实例
2019/10/21 Python
Python socket聊天脚本代码实例
2020/01/02 Python
python定义类self用法实例解析
2020/01/22 Python
keras 实现轻量级网络ShuffleNet教程
2020/06/19 Python
CSS3 :not()选择器实现最后一行li去除某种css样式
2016/10/19 HTML / CSS
中科方德软件测试面试题
2016/04/21 面试题
企划专员岗位职责
2013/12/09 职场文书
手机促销活动方案
2014/02/05 职场文书
母亲节感恩寄语
2014/02/21 职场文书
业务内勤岗位职责
2014/04/30 职场文书
学前教育专业求职信
2014/09/02 职场文书
民主生活会汇报材料
2014/12/15 职场文书
公务员个人考察材料
2014/12/23 职场文书
安全检查汇报材料
2014/12/26 职场文书
写给女朋友的检讨书
2015/05/06 职场文书
搞笑欢迎词大全
2015/09/30 职场文书
Nginx的基本概念和原理
2022/03/21 Servers
MySQL数据库 安全管理
2022/05/06 MySQL