打字机式字符输出

最新推荐文章于 2024-10-01 18:51:18 发布

hailang123_love

最新推荐文章于 2024-10-01 18:51:18 发布

阅读量482

点赞数

分类专栏：页面特效文章标签： javascript delay function class 日历脚本

本文链接：https://blog.csdn.net/hailang123_love/article/details/5778186

版权

页面特效专栏收录该内容

6 篇文章 0 订阅

订阅专栏

脚本说明:
第一步:把如下代码加入<head>区域中
<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(
 "欢迎光临精彩JavaScript世界... 你知道怎样在你的网页中做一个很酷的网页菜单吗? 你知道怎样让你的网页背景向上或向下移动吗? 你知道怎样在你的主页中任意位置显示一个时钟吗? 你知道怎样在主页中做特效文字吗? 你知道怎样做一个很cool的日历吗?"
);

var overMe=0;

function txtTyper(str, idx, idObj, spObj, clr1, clr2, delay, plysnd) {
 var tmp0 = tmp1 = '', skip = 0;
 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, ""+tmp0+""+tmp1+"");
 setTimeout("txtTyper('"+str+"', "+idx+", '"+idObj+"', '"+spObj+"', '"+clr1+"', '"+clr2+"', "+delay+" ,"+plysnd+")",delay);
 }
}

function init() {
txtTyper(dispStr[0], 0, 'ttl0', 'ttl1', '#339933', '#99FF33', 50, 0);
}

// -->
</SCRIPT>

第二步:把如下代码加入<body>区域中
<DIV class=ttl1 id=ttl0></DIV>

第三步:把<body>改为
<body οnlοad="οnlοad=init()">