栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > JavaScript

javascript 打字效果的文字特效

JavaScript 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

javascript 打字效果的文字特效

本节代码主要使用了 onMousedown 事件和 event.button 属性,主要功能和用法如下。
  • setTimeout 方法,在执行时是在载入后延迟指定时间后,去执行一次表达式,仅执行一次。
  • charAt 方法返回一个字符值,该字符位于指定索引位置。字符串中的第一个字符的索引为0,第二个的索引为1,等等。超出有效范围的索引值返回空字符串。

[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
运行该程序后,页面出现一个提示信息,然后逐个出现字符。如此逐个出现字符后,等待全部打印完毕即可停止打印。

源程序解读
  (1)程序首先建立了一个层,其 ID 为 ttl0,便于以后调用。这个层用来显示打印的文字。
  (2)程序在元素上添加 onLoad 事件,当整个页面载入完成以后,该事件被触发,调用 init() 事件处理函数,对该事件进行处理。
  (3)在函数 txtTyper() 中,使用 charAt 方法得到字符串中的某个字符。使用 if 条件语句判断该字符是否满足尽头。满足条件后打印在页面上。
  (4)在 if 语句中,也可使用任意合法的 Javascript 语句,完成更为复杂的操作。
转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/114626.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号