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 通用javascript函数库整理
Aug 14 Javascript
ASP.NET jQuery 实例7 通过jQuery来获取DropDownList的Text/Value属性值
Feb 03 Javascript
js日期时间补零的小例子
Mar 05 Javascript
Jquery使用Firefox FireBug插件调试Ajax步骤讲解
Dec 02 Javascript
JQuery工具函数汇总
Jun 15 Javascript
JS实现的文字与图片定时切换效果代码
Oct 06 Javascript
jquery模拟实现鼠标指针停止运动事件
Jan 12 Javascript
JavaScript兼容浏览器FF/IE技巧
Aug 14 Javascript
jQuery插入节点和移动节点用法示例(insertAfter、insertBefore方法)
Sep 08 Javascript
jQuery读取XML文件的方法示例
Feb 03 Javascript
vue2.x select2 指令封装详解
Oct 12 Javascript
Element中的Cascader(级联列表)动态加载省\市\区数据的方法
Mar 27 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简单命令代码集锦
2007/09/24 PHP
解析使用ThinkPHP应该掌握的调试手段
2013/06/20 PHP
php的sprintf函数的用法 控制浮点数格式
2014/02/14 PHP
Linux下手动编译安装PHP扩展的例子分享
2014/07/15 PHP
PHP版本如何选择?应该使用哪个版本?
2015/05/13 PHP
PHP弹出对话框技巧详细解读
2015/09/26 PHP
PHP 开发者该知道的 5 个 Composer 小技巧
2016/02/03 PHP
PHP 实现浏览记录并按日期分组
2017/05/11 PHP
PHP绕过open_basedir限制操作文件的方法
2018/06/10 PHP
PHP接入微信H5支付的方法示例
2019/10/28 PHP
Laravel统一错误处理为JSON的方法介绍
2020/10/18 PHP
IE8 浏览器Cookie的处理
2009/01/31 Javascript
JS模块与命名空间的介绍
2013/03/22 Javascript
jQuery插件Elastislide实现响应式的焦点图无缝滚动切换特效
2015/04/12 Javascript
实例解析jQuery插件EasyUI最常用的表单验证规则
2015/11/29 Javascript
Highcharts入门之基本属性
2016/08/02 Javascript
Js操作DOM元素及获取浏览器高宽的简单方法
2016/09/08 Javascript
JS实现倒计时(天数、时、分、秒)
2016/11/16 Javascript
微信小程序 登录的简单实现
2017/04/19 Javascript
js实现股票实时刷新数据案例
2017/05/14 Javascript
微信小程序实现图片预览功能
2018/01/31 Javascript
vue2 全局变量的设置方法
2018/03/09 Javascript
vue项目中使用AES实现密码加密解密(ECB和CBC两种模式)
2019/08/12 Javascript
js设计模式之单例模式原理与用法详解
2019/08/15 Javascript
vue实现文字加密功能
2019/09/27 Javascript
jquery css实现流程进度条
2020/03/26 jQuery
[02:01]大师之路——DOTA2完美大师赛11月论剑上海
2017/11/06 DOTA
用python删除java文件头上版权信息的方法
2014/07/31 Python
python中的全局变量用法分析
2015/06/09 Python
Python实现LRU算法的2种方法
2015/06/24 Python
Python Flask框架模板操作实例分析
2019/05/03 Python
利用python numpy+matplotlib绘制股票k线图的方法
2019/06/26 Python
canvas之自定义头像功能实现代码示例
2017/09/29 HTML / CSS
考试不及格的检讨书
2014/01/22 职场文书
利群广告词
2014/03/20 职场文书
大学组织委员竞选稿
2015/11/21 职场文书