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 eval(func())使用示例
Dec 05 Javascript
动态创建script在IE中缓存js文件时导致编码的解决方法
May 04 Javascript
JavaScript 里的类数组对象
Apr 08 Javascript
详解JavaScript中的表单验证
Jun 16 Javascript
浅谈node.js中async异步编程
Oct 22 Javascript
js实现动态加载脚本的方法实例汇总
Nov 02 Javascript
利用BootStrap的Carousel.js实现轮播图动画效果
Dec 21 Javascript
JavaScript优化以及前段开发小技巧
Feb 02 Javascript
小程序自定义日历效果
Dec 29 Javascript
JS求解两数之和算法详解
Apr 28 Javascript
JS实现前端路由功能示例【原生路由】
May 29 Javascript
vue实现一个6个输入框的验证码输入组件功能的实例代码
Jun 29 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
php自动识别文件编码并转换为UTF-8的方法
2014/06/12 PHP
PHP网页游戏学习之Xnova(ogame)源码解读(九)
2014/06/24 PHP
PHP使用文件锁解决高并发问题示例
2018/03/29 PHP
PHP以json或xml格式返回请求数据的方法
2018/05/31 PHP
在PHP中输出JS语句以及乱码问题的解决方案
2019/02/13 PHP
基于JQuery的浮动DIV显示提示信息并自动隐藏
2011/02/11 Javascript
使用jQuery实现星级评分代码分享
2014/12/09 Javascript
javascript实现tab响应式切换特效
2016/01/29 Javascript
AngularJS实现网站换肤实例
2021/02/19 Javascript
微信小程序 欢迎页面的制作(源码下载)
2017/01/09 Javascript
javascript基础知识之html5轮播图实例讲解(44)
2017/02/17 Javascript
基于Vue的文字跑马灯组件(npm 组件包)
2017/05/24 Javascript
vue实现表格数据的增删改查
2017/07/10 Javascript
JavaScript实现的可变动态数字键盘控件方式实例代码
2017/07/15 Javascript
Vue.js中组件中的slot实例详解
2017/07/17 Javascript
Bootstrap Table 删除和批量删除
2017/09/22 Javascript
JS实现去除数组中重复json的方法示例
2017/12/21 Javascript
基于vue,vue-router, vuex及addRoutes进行权限控制问题
2018/05/02 Javascript
JS中Promise函数then的奥秘探究
2018/07/30 Javascript
angularJs中$http获取后台数据的实例讲解
2018/08/08 Javascript
深入学习js函数的隐式参数 arguments 和 this
2019/06/24 Javascript
jQuery实现判断滚动条滚动到document底部的方法分析
2019/08/27 jQuery
微信小程序里引入SVG矢量图标的方法
2019/09/20 Javascript
python进阶教程之异常处理
2014/08/30 Python
python实现远程通过网络邮件控制计算机重启或关机
2018/02/22 Python
Python2.7.10以上pip更新及其他包的安装教程
2018/06/12 Python
Python代码块批量添加Tab缩进的方法
2018/06/25 Python
与Django结合利用模型对上传图片预测的实例详解
2019/08/07 Python
python爬虫增加访问量的方法
2019/08/22 Python
Python configparser模块常用方法解析
2020/05/22 Python
Python生成器next方法和send方法区别详解
2020/05/30 Python
提供世界各地便宜的机票:Sky-tours
2016/07/21 全球购物
房展策划方案
2014/06/07 职场文书
学校食品安全实施方案
2014/06/14 职场文书
2015年护士医德医风自我评价
2015/03/03 职场文书
公司管理制度范本
2015/08/03 职场文书