编程 Javascript

javascript实现的动态文字变换

Posted in Javascript onJuly 28, 2007

实现文字渐淡显示的效果代码如下：

<html>

<head>

<!--

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>

</html>

javascript实现的动态文字变换

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

深入聊聊Array的sort方法的使用技巧.详细点评protype.js中的sortBy方法

Apr 12 Javascript

js跳转页面方法总结

Jan 29 Javascript

LABjs、RequireJS、SeaJS的区别

Mar 04 Javascript

Jquery响应回车键直接提交表单操作代码

Jul 25 Javascript

jQuery循环动画与获取组件尺寸的方法

Feb 02 Javascript

angular.js分页代码的实例

Jul 27 Javascript

JavaScript数据操作_浅谈原始值和引用值的操作本质

Aug 23 Javascript

JavaScript之WebSocket技术详解

Nov 18 Javascript

vue解决使用webpack打包后keep-alive不生效的方法

Sep 01 Javascript

如何使用electron-builder及electron-updater给项目配置自动更新

Dec 24 Javascript

Node.js事件的正确使用方法

Apr 05 Javascript

微信小程序实现聊天室

Aug 21 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

为什么夜间收到的中波电台比白天多

2021/03/01 无线电

浅析php学习的路线图

2013/07/10 PHP

phpstorm编辑器乱码问题解决

2014/12/01 PHP

从性能方面考虑PHP下载远程文件的3种方法

2015/12/29 PHP

PHP排序算法之简单选择排序(Simple Selection Sort)实例分析

2018/04/20 PHP

laravel中的fillable和guarded属性详解

2019/10/23 PHP

phpStorm2020 注册码

2020/09/17 PHP

BOM与DOM的区别分析

2010/10/26 Javascript

深入解析contentWindow, contentDocument

2013/07/04 Javascript

NodeJS的url截取模块url-extract的使用实例

2013/11/18 NodeJs

javascript读写json示例

2014/04/11 Javascript

jQuery操作表格（table）的常用方法、技巧汇总

2014/04/12 Javascript

前端框架学习总结之Angular、React与Vue的比较详解

2017/03/14 Javascript

Vue实现选择城市功能

2017/05/27 Javascript

weex slider实现滑动底部导航功能

2017/08/28 Javascript

nodejs项目windows下开机自启动的方法

2017/11/22 NodeJs

用p5.js制作烟花特效的示例代码

2018/03/21 Javascript

从零开始搭建vue移动端项目到上线的步骤

2018/10/15 Javascript

浅谈Vue中render中的h箭头函数

2019/11/07 Javascript

JavaScript布尔运算符原理使用解析

2020/05/06 Javascript

[42:22]DOTA2上海特级锦标赛C组小组赛#1 OG VS Archon第一局

2016/02/27 DOTA

python3设计模式之简单工厂模式

2017/10/17 Python

利用Django模版生成树状结构实例代码

2019/05/19 Python

Django 模型类(models.py)的定义详解

2019/07/19 Python

python中property属性的介绍及其应用详解

2019/08/29 Python

python的faker库用法

2019/11/28 Python

Django模板获取field的verbose_name实例

2020/05/19 Python

htnl5利用svg页面高斯模糊的方法

2018/07/20 HTML / CSS

Linux如何为某个操作添加别名

2013/03/01 面试题

创业女性典型材料

2014/05/02 职场文书

青年志愿者活动方案

2014/08/17 职场文书

小学趣味运动会加油稿

2014/09/25 职场文书

初任公务员培训心得体会

2016/01/08 职场文书

关于MySQL临时表为什么可以重名的问题

2022/03/22 MySQL

宫崎骏十大动画电影，宫崎骏好看的动画电影排名

2022/03/22 日漫

Java 数组的使用

2022/05/11 Java/Android