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 语句，完成更为复杂的操作。
相关文章
用js实现的上下文字滚动效果代码，需要的朋友可以参考下。2010-07-07
这是一个文字闪烁效果，不同的是它是由两组文字组成 ，在闪烁的过程中可以重复切换，代码中的speed指定字体闪烁的频率，可以把引号内的内容换成你想要的文字，要记住一定要在body中加上onload语句，否则会无效哦。2009-11-11
让浏览器窗口中的滚动条打破常规出现在网页的左侧，记得在藏文的一些网站，经常看到网页滚动条居左，不知为何居左，可能是某些人群的使用习惯吧。2010-09-09
文字链接的热点提示效果，一本书上的小提示例子，鼠标停在红色的链接文字上就会有一个小小的提示窗口显示出来，有意思吧，支持链接哦。2011-08-08
使用webQQ有些时间了，webQQ每次收到信息，就会看到title提示那个网友或群来信息，发现挺有意思，其实这个很简单。2011-01-01
JavaScript点击插入文字，在一段文字的任意处点击，会将你时先准备好的文字插入到一段文字中，可能大家不怎么用到，不过感觉很奥妙，希望高手改进成自己想要的效果。2009-10-10
让链接必须按先后顺序点击的JS代码，用到广告上面比较好，有不少的文字或图片广告有类似效果，点链接的时候需要按顺序，请注意链接地址，写在JS代码里的是真正需要的地址。2009-10-10
再发一个实现字体大中小方法的JavaScript代码，这种效果估计大家在网上见到挺多了，点击适时改变网页上字体的大小，以适合不同人群的浏览体验，本代码较简单，使用方便。2011-08-08
JavaScript文字渐隐渐现显示，更专业的说法叫淡入淡出，最开始用于视频蒙太奇制作及Flash动画上，现在用到文字上也不是什么稀罕事了.2009-10-10
CSS3 3D文字动画，看到这个字眼都觉得震撼，顺便兼用下另两个属性：transition 和 animation。由于使用CSS3技术，因此测试时请使用火狐或Chrome等浏览器，否则不能看到效果2012-12-12
最新评论