您的位置: 首页 > 软件教程 > 在状态栏中实现活动文字效果

在状态栏中实现活动文字效果

8.3分
出处:网络 时间:2011-04-21

您可能感兴趣的话题: Dreamweaver  

核心提示:使用Dreamweaver在状态栏中实现活动文字效果

      达到这种效果的思路是:先把要呈现的文字赋给一个变量,设置一个函数,每隔一段时间就在状态栏上打出文字,文字递增出现,当文字的长度等于整句话的长度的时候,使其为0,重新打出文字,不停循环就可以得到这种效果。 下面,我们来看一看源程序吧。

 

  <script language="javascript">

 

  var msg = "欢迎光临多特软件站!!" ;   // msg变量就是设定状态栏要出现的文字(一句话)

 

  var interval = 120  //设定间隔多少毫秒文字长度增加一个,此处是120毫秒

 

  var seq=0;   //代表动态的文字长度

 

  function Scroll() {

 

  len = msg.length;

 

  window.status = msg.substring(0, seq+1);   //文字的字符加一

 

  seq++;   //动态文字的长度加一

 

  if ( seq >= len ) {

 

  seq = 0;

 

  window.status = '''';

 

  window.setTimeout("Scroll();", interval );

 

  }   //如果动态文字长度和整句话相同,则动态文字的长度设为0,重新来过

 

  else

 

  window.setTimeout("Scroll();", interval );

 

  }

  Scroll();

 

  </script>

 

  把上述源代码拷入HTML文件的<body></body>标签中可以看到效果

网友评论

精品软件课程
更多 >
photoshop教程让你从入门到精通,从新... [详细]
快播播放器(Qvod Player)是一款基... [详细]
Word是由Microsoft公司出版的文字... [详细]
《植物大战僵尸》是一款极富策略性的小游戏,可... [详细]
Excel是office的重要组成部分。多特... [详细]