JS打字效果 

 1 //打字效果
 2 /*
 3 *    <a id="wtid">网站公告：本网站开始于2008-11-18</a>
 4 *******                huang_xiang                 *********
 5 *    H_write.wobj = document.getElementById("wtid");
 6 *    H_write.s = new Array(
 7 *            new Array("网站公告：叶绿辉香叶绿辉香叶绿辉香叶绿辉香叶绿辉香叶绿辉香叶绿辉香!","green","http://www.91ylhx.cn","_blank","我的标题","classname"),
 8 *            new Array("要输入sdfssdafa是独立房间十分离开是大方里可是都飞sfsdfsf出的文字!","red","http://www.91ylhx.cn","_blank","我的标题","classname"),
 9 *            new Array("要输入2222222222222222222222222222出的文字!","green","http://www.91ylhx.cn","_blank","我的标题","classname")
10 *        );
11 *    H_write.writes();
12 */
13 var H_write = {
14     time1 : 3000,    //3秒间隔
15     time2 : 100,    //0.1秒间隔
16     zisum : 90,        //最长字符数
17     s : new Array(),
18     wtx : 0,
19     wobj : "",
20     obj : function(_str){ this.wobj = document.getElementById(_str)},
21     wtstr : "",
22     wti : 0,
23     x_str_len : function(_str){ return _str.replace(/[^\x00-\xff]/g, "xx").length;},
24     writes : function(){        
25         if(this.wti >= this.s.length) this.wti = 0;
26         if(this.wtx == 0){
27             this.wobj.style.color = this.s[this.wti][1];    //设置文字颜色
28             this.wobj.href = this.s[this.wti][2];            //设置href
29             this.wobj.target = this.s[this.wti][3];            //设置target
30             this.wobj.title = this.s[this.wti][4];            //设置title
31             this.wobj.className = this.s[this.wti][5];        //设置classname
32             this.wtstr = this.s[this.wti][0];
33             this.wti++;                            //下一条
34         }
35         this.wobj.innerHTML = this.wtstr.substring(0,this.wtx++) + '<font color="#000000">_</font>';
36         var temp = this.x_str_len(this.wtstr.substring(0,this.wtx));
37         if(((this.zisum != "" && this.zisum != null) && temp >= this.zisum) || this.wtx == (this.wtstr.length+1)){
38             if((this.zisum != "" && this.zisum != null) && temp >= this.zisum){
39                 this.wobj.innerHTML = this.wtstr.substring(0,this.wtx);
40             }else{
41                 this.wobj.innerHTML = this.wtstr;
42             }
43             this.wtx = 0;
44             setTimeout("H_write.writes()",this.time1);
45         }else{
46             setTimeout("H_write.writes()",this.time2);
47         }
48     }
49 }

 

posted @ 2012-01-17 16:19  祥辉  阅读(243)  评论(0)  编辑  收藏  举报