1、标题跑马灯

常常能够在一些新闻网站,或者其他地方,看到文字在一个特定的区域内,来回滚动。一旦超出边界就消失了,那么这些效果是如何做到的呢,今天我们就来讲讲。

图示效果:

javascript实例——文本特效篇(包含3个小例子)

源代码:

<!doctype html>
<html>
  <head>
  <meta charset="utf-8">
  <style>
  </style>
</head>

<body>
  <center>
    <font size=5 color="ff0094">
     <p> 标题栏上实现的文字跑马灯</p>
    </font>
  </center>
</body>
<script Language="JavaScript">
    var msg="    "+" 这是使用JavaScript在标题栏上实现的文字跑马灯效果";//加空格是为了让别人看清楚这段话,否则运行太快了,看不清楚。
    var interval = 100;
    var maxlen = 80;
    var seq=maxlen;
    var len
    len = msg.length;

    function Scroll() 
    { 
      document.title=msg.substring(seq, len);
      seq++;
      if(seq >= len) 
      {
        seq = 0;
      }
      window.setTimeout("Scroll();", interval );
    } 

    Scroll();
  </script>
</html>
View Code

相关文章: