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 设计模式学习 Singleton
Jul 27 Javascript
JS简单的轮播的图片滚动实例
Jun 17 Javascript
自定义的一个简单时尚js下拉选择框
Nov 20 Javascript
Javascript 完美运动框架(逐行分析代码,让你轻松了运动的原理)
Jan 23 Javascript
js实现跨域访问的三种方法
Dec 09 Javascript
angular ngClick阻止冒泡使用默认行为的方法
Nov 03 Javascript
Javascript使用function创建类的两种方法(推荐)
Nov 19 Javascript
js获取json中key所对应的value值的简单方法
Jun 17 Javascript
EasyUI框架 使用Ajax提交注册信息的实现代码
Sep 27 Javascript
Angular利用内容投射向组件输入ngForOf模板的方法
Mar 05 Javascript
解决layui数据表格Date日期格式的回显Object的问题
Sep 19 Javascript
如何在Vue.JS中使用图标组件
Aug 04 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与XML的PDF文档生成技术
2006/10/09 PHP
php如何执行非缓冲查询API
2016/07/22 PHP
ThinkPHP3.2.3框架实现执行原生SQL语句的方法示例
2019/04/03 PHP
php常用字符串查找函数strstr()与strpos()实例分析
2019/06/21 PHP
Aster vs Newbee BO5 第一场2.19
2021/03/10 DOTA
JQuery toggle使用分析
2009/11/16 Javascript
Js 代码中,ajax请求地址后加随机数防止浏览器缓存的原因
2013/05/07 Javascript
页面载入结束自动调用js函数示例
2013/09/23 Javascript
JavaScript实现添加、查找、删除元素
2015/07/02 Javascript
Three.js学习之Lamber材质和Phong材质
2016/08/04 Javascript
Javascript同时声明一连串(多个)变量的方法
2017/01/23 Javascript
完美实现js焦点轮播效果(一)
2017/03/07 Javascript
浅谈vue-cli 3.0.x 初体验
2018/04/11 Javascript
vue实现的微信机器人聊天功能案例【附源码下载】
2019/02/18 Javascript
小程序云开发实现数据库异步操作同步化
2019/05/18 Javascript
Elementui表格组件+sortablejs实现行拖拽排序的示例代码
2019/08/28 Javascript
ant design pro中可控的筛选和排序实例
2020/11/17 Javascript
详解Python中表达式i += x与i = i + x是否等价
2017/02/08 Python
python线程池threadpool使用篇
2018/04/27 Python
python 高效去重复 支持GB级别大文件的示例代码
2018/11/08 Python
Django开发的简易留言板案例详解
2018/12/04 Python
Opencv+Python 色彩通道拆分及合并的示例
2018/12/08 Python
在python环境下运用kafka对数据进行实时传输的方法
2018/12/27 Python
淘宝秒杀python脚本 扫码登录版
2019/09/19 Python
Python字符串的修改方法实例
2019/12/19 Python
Python3.8.2安装包及安装教程图文详解(附安装包)
2020/11/28 Python
英国探险旅游专家:Explore
2018/12/20 全球购物
NOTINO英国:在线购买美容和香水
2020/02/25 全球购物
Python如何定义一个函数
2015/09/01 面试题
介绍一下UNIX启动过程
2013/11/14 面试题
社区工作者感言
2014/03/02 职场文书
2014幼儿园教师个人工作总结
2014/11/08 职场文书
2015年度企业工作总结
2015/05/21 职场文书
Python实现简繁体转换
2021/06/07 Python
Redis+Lua脚本实现计数器接口防刷功能(升级版)
2022/02/12 Redis
Vue OpenLayer 为地图绘制风场效果
2022/04/24 Vue.js