« 一些容易遗忘的小知识学习记载javascrip记事 »

一个跑马灯效果的JavaScript(显示在状态栏中)

发布:彭涛 | 分类:学习笔记 | 评论:0 | 引用:0 | 浏览:

 在head中添加如下代码

<script language="javascript" type="text/javascript">
    //alert("这是第一个JavaScript例子!");
    //alert("欢迎你进入JavaScript世界!");
    //alert("今后我们将共同学习JavaScript知识!");
   var msg="这是一个跑马灯效果的JavaScript文档";
   var interval=100;
   var spacelen=120;
   var space10=" ";
   var seq=0;
  
   function scroll()
   {
   
     
      window.status=msg.substring(0,seq+1);
      seq++;
      //Number =scroll.arguments.length;
      //document.write(Number);
      len=msg.length;
      if(seq>=len)
      {
        
     
          seq=spacelen;
          window.setTimeout("Scroll2();",interval);
      }
    
      else
      {
          window.setTimeout("scroll();",interval);
        
      }
     
     
   }
   
   
   function Scroll2()
   {

      var out="";
      for (i=1;i<=spacelen/space10.length;i++)
     out=out+space10;
     out=out+msg;
     len=out.length;
     window.status=out.substring(seq ,len);
     seq++;
    if (seq>= len)
    {
     seq = 0;
    };
    window.setTimeout("Scroll2();",interval);
   

}

scroll();

</script>

tagTags:pao  

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。