Js 打字效果逐一出现的文字

更新时间：2009年10月25日 18:40:20 作者：

JavaScript特效，逐个出现的文字，像打字的效果差不多。

第一种：打印多个文字

<title>逐个出现的文字</title> <script language=javascript> var layers =document.layers,style=document.all,both=layers||style,idme=908601; if(layers){layerRef='document.layers';styleRef ='';}if(style){layerRef='document.all';styleRef = '.style';} function writeOnText(obj,str){ if(layers)with(document[obj]){ document.open();document.write(str);document.close();} if(style)eval(obj+'.innerHTML=str'); } var dispStr=new Array("脚本之家是一个专业的收集各类脚本学习资料的网站,尽量修正错误打造精品脚本类学习网站,我们为大家游戏脚本资源,源码,软件,asp,php,javascript等编程资料,是网页制作,网络编程,网站建设人士的聚集场所。"); var overMe=0; function txtTyper(str,idx,idObj,spObj,clr1,clr2,delay,plysnd){ var tmp0=tmp1= '',skip=100; if (both && idx<=str.length) { if (str.charAt(idx)=='<'){ while(str.charAt(idx)!='>') idx++;idx++;} if (str.charAt(idx)=='&' && str.charAt(idx+1)!=' '){ while (str.charAt(idx)!= ';')idx++;idx++;} tmp0 = str.slice(0,idx); tmp1 = str.charAt(idx++); if (overMe==0 && plysnd==1){ if (navigator.plugins[0]){ if(navigator.plugins["LiveAudio"][0].type=="audio/basic" && navigator.javaEnabled()){document.embeds [0].stop(); setTimeout("document.embeds[0].play(false)",100);} } else if (document.all){ ding.Stop(); setTimeout("ding.Run()",100);} overMe=1;}else overMe=0; writeOnText(idObj, "<span class="+spObj+"><font color='"+clr1+"'>"+tmp0+"</font><font color='"+clr2 +"'>"+tmp1+"</font></span>"); setTimeout("txtTyper('"+str+"', "+idx+", '"+idObj+"', '"+spObj+"', '"+clr1+"', '"+clr2+"', "+delay+" ,"+plysnd+")",delay);}} function init(){txtTyper(dispStr[0], 0, 'ttl0', 'ttl1', 'red', '#99FF33', 300, 0);} </script> <DIV class=ttl1 id=ttl0></DIV> <body onload=init()>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

第二种：在textarea中显示的效果

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

您可能感兴趣的文章:

窗体滚动条出现在左侧的实例代码
让浏览器窗口中的滚动条打破常规出现在网页的左侧，记得在藏文的一些网站，经常看到网页滚动条居左，不知为何居左，可能是某些人群的使用习惯吧。
2010-09-09
js文字链接的热点提示效果代码
文字链接的热点提示效果，一本书上的小提示例子，鼠标停在红色的链接文字上就会有一个小小的提示窗口显示出来，有意思吧，支持链接哦。
2011-08-08
Javascript 仿歌词智能滚动代码
为什么说它是智能滚动呢？因为如果我们在布局网页的时候，预留的滚动区域太小的话，有可能文字会有一部分看不到，本款代码可以智能判断区域大小，如果不够显示文字，那么它会控制文字做相应的左右滚动.
2009-10-10
Js+CSS 文字渐隐渐现显示
JavaScript文字渐隐渐现显示，更专业的说法叫淡入淡出，最开始用于视频蒙太奇制作及Flash动画上，现在用到文字上也不是什么稀罕事了.
2009-10-10
JS、CSS文字切换，定时交替，代码精简
图片切换很流行，文字切换也很实用哦，而且用CSS与JavaScript配合，避免纯JS实现时把文字写进JavaScript代码里，修改不方便，本款可以说是方便，简单，效果实用，兼容性好.
2009-10-10
javascript上下左右定时滚动插件
在网上找到的，我认为最为方便的一段定时滚动代码，找了很多其他的总是有这样那样的问题，好不容易找到的，就分享一下。
2010-06-06
JavaScript实现雪花飘落效果特效
雪，是冬天的灵魂，为大地铺好背景，之后发生的都如梦似幻，就像童话般的存在。冬天没有雪，能难倒程序猿吗，没有雪自己造，这篇文章主要介绍了JavaScript实现雪花飘落效果特效,需要的朋友可以参考下
2023-01-01
CSS 动态链接提示
CSS实现动态的链接提示，带动画效果，当然，这不光是CSS的功劳，JavaScript也用上了，当你把鼠标放到文字上的时候，你就会看到一行提示文字出现的效果了。
2009-10-10
javascript跑马灯悬停放大效果实现代码
用过qq空间的朋友应该对这个很熟悉吧,效果蛮炫的,不过它们是用flash实现的,那么javascript可不可以呢,需要的朋友可以了解下
2012-12-12
javascript 洒脱飘动的文字
飘动的文字，看着还挺自在、洒脱，网上经常见的东西，原来是这么实现的，奉献给大家哦。
2009-10-10