javascript 打字效果的文字特效
更新时间：2011年01月19日 19:05:21 作者：
文字如何实现打字的效果呢?在浏览网页的时候也经常能看到这种效果。本节给出了一个打字效果的文字特效，文字一个一个地打印在页面上。
本节代码主要使用了 onMousedown 事件和 event.button 属性，主要功能和用法如下。
• setTimeout 方法，在执行时是在载入后延迟指定时间后，去执行一次表达式，仅执行一次。
• charAt 方法返回一个字符值，该字符位于指定索引位置。字符串中的第一个字符的索引为0，第二个的索引为1，等等。超出有效范围的索引值返回空字符串。
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
运行该程序后，页面出现一个提示信息，然后逐个出现字符。如此逐个出现字符后，等待全部打印完毕即可停止打印。
源程序解读
（1）程序首先建立了一个层，其 ID 为 ttl0，便于以后调用。这个层用来显示打印的文字。
（2）程序在<body>元素上添加 onLoad 事件，当整个页面载入完成以后，该事件被触发，调用 init() 事件处理函数，对该事件进行处理。
（3）在函数 txtTyper() 中，使用 charAt 方法得到字符串中的某个字符。使用 if 条件语句判断该字符是否满足尽头。满足条件后打印在页面上。
（4）在 if 语句中，也可使用任意合法的 JavaScript 语句，完成更为复杂的操作。
• setTimeout 方法，在执行时是在载入后延迟指定时间后，去执行一次表达式，仅执行一次。
• charAt 方法返回一个字符值，该字符位于指定索引位置。字符串中的第一个字符的索引为0，第二个的索引为1，等等。超出有效范围的索引值返回空字符串。
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
运行该程序后，页面出现一个提示信息，然后逐个出现字符。如此逐个出现字符后，等待全部打印完毕即可停止打印。
源程序解读
（1）程序首先建立了一个层，其 ID 为 ttl0，便于以后调用。这个层用来显示打印的文字。
（2）程序在<body>元素上添加 onLoad 事件，当整个页面载入完成以后，该事件被触发，调用 init() 事件处理函数，对该事件进行处理。
（3）在函数 txtTyper() 中，使用 charAt 方法得到字符串中的某个字符。使用 if 条件语句判断该字符是否满足尽头。满足条件后打印在页面上。
（4）在 if 语句中，也可使用任意合法的 JavaScript 语句，完成更为复杂的操作。
相关文章
基于JavaScript的平滑文字闪烁,不是单纯的闪烁,貌似还带有一点点别的效果,比如淡入/淡出,那些颜色值你是可以变的,改成你想要的,还有闪烁间隔等,都可以修改的.2009-10-10
JavaScript形成溶解过渡形式的文字切换特效，够酷吧，的你平静如水的网页上旋转这么一个文字特效，一定会吸引不少人的注意力，文字内容和颜色以及字号大小看看代码就会知道怎么改了。2009-11-11
JavaScript点击插入文字，在一段文字的任意处点击，会将你时先准备好的文字插入到一段文字中，可能大家不怎么用到，不过感觉很奥妙，希望高手改进成自己想要的效果。2009-10-10
雪，是冬天的灵魂，为大地铺好背景，之后发生的都如梦似幻，就像童话般的存在。冬天没有雪，能难倒程序猿吗，没有雪自己造，这篇文章主要介绍了JavaScript实现雪花飘落效果特效,需要的朋友可以参考下2023-01-01
CSS3 3D文字动画，看到这个字眼都觉得震撼，顺便兼用下另两个属性：transition 和 animation。由于使用CSS3技术，因此测试时请使用火狐或Chrome等浏览器，否则不能看到效果2012-12-12
CSS做出漂亮的鼠标悬停提示效果，使用层的绝对定位，不管你的网页窗口如何变化，提示层始终处于理想位置不会改变，兼容性也良好，因些很实用的一个链接提示功能代码。2009-10-10
Js+CSS间断和不间断文本滚动代码，文字在一行高度范围内不间断滚动，还有一个是间断滚动，滚动一次后会稍停片刻再次滚动。2010-10-10
用VBScript捕捉鼠标的移动，然后令光线射向也随着移动，这样就形成了鼠标像光源的效果。2009-10-10
网页上跳动的文字，代码稍复杂，效果挺可爱的，一跳一跳的文字，真逗人！2009-10-10
一个JavaScript数组的应用例子，我们将文字存储于数组中，然后用循环依次输出这些文字，像一条一条的公告一样，不过现在都不这么用了，可以学习JS数组，算是一个实例参考。2009-10-10
最新评论