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实用技巧(一)
Aug 16 Javascript
JavaScript图片轮播代码分享
Jul 31 Javascript
JavaScript判断表单为空及获取焦点的方法
Feb 12 Javascript
js 自带的 map() 方法全面了解
Aug 16 Javascript
AngularJS 依赖注入详解及示例代码
Aug 17 Javascript
JS访问DOM节点方法详解
Nov 29 Javascript
vue中使用refs定位dom出现undefined的解决方法
Dec 21 Javascript
使用vue-cli(vue脚手架)快速搭建项目的方法
May 21 Javascript
对类Vue的MVVM前端库的实现代码
Sep 07 Javascript
vue中datepicker的使用教程实例代码详解
Jul 08 Javascript
vue如何在用户要关闭当前网页时弹出提示的实现
May 31 Javascript
如何理解Vue前后端数据交互与显示
May 10 Vue.js
弹出广告特效(一个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中HTTP方式下的Gzip压缩传输方法举偶
2007/02/15 PHP
追求程序速度,而不是编程的速度
2008/04/23 PHP
深入PHP操作MongoDB的技术总结
2013/06/02 PHP
thinkPHP5框架auth权限控制类与用法示例
2018/06/12 PHP
JavaScript事件列表解说
2006/12/22 Javascript
不要小看注释掉的JS 引起的安全问题
2008/12/27 Javascript
用方法封装javascript的new操作符(一)
2010/12/25 Javascript
js控制滚动条缓慢滚动到顶部实现代码
2013/03/20 Javascript
jQuery获取CSS样式中的颜色值的问题,不同浏览器格式不同的解决办法
2013/05/13 Javascript
使用非html5实现js板连连看游戏示例代码
2013/09/22 Javascript
JS 仿腾讯发表微博的效果代码
2013/12/25 Javascript
JavaScript中浅讲ajax图文详解
2016/11/11 Javascript
本地Bootstrap文件字体图标引入却无法显示问题的解决方法
2020/04/18 Javascript
JavaScript实现淘宝京东6位数字支付密码效果
2018/08/18 Javascript
JS实现返回上一页并刷新页面的方法分析
2019/07/16 Javascript
用 js 写一个 js 解释器过程详解
2019/08/02 Javascript
小程序使用watch监听数据变化的方法详解
2019/09/20 Javascript
通过javascript实现扫雷游戏代码实例
2020/02/09 Javascript
Vue常用传值方式、父传子、子传父及非父子实例分析
2020/02/24 Javascript
js Math数学简单使用操作示例
2020/03/13 Javascript
详解重置Django migration的常见方式
2019/02/15 Python
pytorch 预训练层的使用方法
2019/08/20 Python
Python数据持久化存储实现方法分析
2019/12/21 Python
Python要如何实现列表排序的几种方法
2020/02/21 Python
python实现人脸签到系统
2020/04/13 Python
Ubuntu20下的Django安装的方法步骤
2021/01/24 Python
html5 标签
2009/07/16 HTML / CSS
JD Sports瑞典:英国领先的运动时尚商店
2018/01/28 全球购物
好军嫂事迹材料
2014/01/15 职场文书
第一批党的群众路线教育实践活动工作总结
2014/03/03 职场文书
信息合作协议书
2014/10/09 职场文书
教师节感谢信
2015/01/22 职场文书
工地材料员岗位职责
2015/04/11 职场文书
2015年车间管理工作总结
2015/07/23 职场文书
你知道Java Spring的两种事务吗
2022/03/16 Java/Android