网页打字效果轻松做

Author: 吴斌 Date: 2001年 20期

?牐牨收咴谕铣謇耍⑾忠桓霾淮淼腏svascript网页特效,就像电视上的打字广告一样,文字逐行显示出来,很是惹人喜爱。如果把这个效果用于网站的欢迎页面或是某个特定页面,一定会引人注目。下面,我来介绍一下这个效果的做法。
  ?牐牭谝徊剑谕澄募?<head></head>中插入这样一段代码:
  ?牐?<script language="javascript">
  ?牐牐? 设置打字效果从第几个字开始,0表示从第一个字开始
  ?牐爒ar pos=0;??
  ?牐牐? 设置打字的速度,可以根据需要任意调节
  ?牐爒ar speed=200;??
  ?牐牐? 这里放置打字效果的文字内容
  ?牐爒ar msg="《电脑报》,我最喜爱的电脑报刊之一,她是我工作、学习中的良师益友!祝愿《电脑报》越办越好,当然还有她的网站http://www.cpcw.com啦!:)"??
  ?牐爁unction Type(){                 ?煟牓?
  ?牐爌os++;??
  ?牐爄f (msg.substring(pos-1.pos)== " ")??
  ?牐爗??
  ?牐爌os++
  ?牐牓牐?
  ?牐爐ext=msg.substring(0,pos);?牔?
  ?牐牐? 调用新层layerA表达打字效果
  ?牐爄f(document.layers)??
  ?牐牓煟? 
  ?牐燿ocument.layers.layerA.document.open();?煟牔?
  ?牐燿ocument.layers.layerA.document.write("<div style='position:absolute;top:0px;left:0px;?爁ont-family:Courier New;font-size:18px;color:#00ff00'>" + text + "</div>");??
  ??     }
  ?牐燿ocument.layers.layerA.document.close;?煟牔?
  ?牐爙??
  ?牐爀lse if(document.all);
        ?牐?
  ?牐燿ocument.all.layerA.innerHTML=text??
  ?牐爄f ?煟╬os <msg.length);??
  ?牐牓? }
  ?牐爐mer=setTimeout('Type();',speed);?牔?
  ?牐牓牐?
  ?牐牓牐?
  ?牐?//-->
  ?牐?</script>
  ?牐牭诙剑薷?<body>……</body>,使之变为<body   bgcolor-=000000   onLoad="Type()">……</body>(本例中的页面背景及文字颜色可以根据各人喜好设置)。
  ?牐牭谌剑谝趁嫘枰泶锎蜃中Ч奈恢茫迦胍桓鲂虏鉲ayerA,代码如下:
  ?牐?<div id="layerA" style="position:relative;font-family:Courier New;font-size:18px:color:#00ff00"></div>
  ?牐牨4嫖募螅阡榔髦写蚩颐潜憧煽吹狡恋拇蜃中Ч耍?