网站首页  注册会员  本站免费电影 留言板  繁體中文

 

您现在的位置: 陈鹏个人网站 >> 电脑应用 >> 网络应用 >> 网页制作 >> 正文
 

   
专 题 栏 目
相 关 文 章

Windows用户状态迁移工具
迷惑眼睛 腾讯QQ在线状态
QQ自动登录状态下保护聊
论坛QQ状态与会员即时互
QQ2007正式版“在线状态
QQ“互动状态”快速沟通
DW MX实例:设置状态栏信
瑞星网络监控让系统在安
通过路由器端口状态解决
Vista在非常规状态下数据

 
在状态栏中实现活动文字效果           
在状态栏中实现活动文字效果
作者:陈鹏 文章来源:eNet 点击数: 更新时间:2009-9-12 9:02:29
 




 

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

  下面,我们来看一看源程序吧。

  <script language="JavaScript">

  var msg = "欢迎光临5D多媒体 !! " ;

  // 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>标签中可以有如下的效果:

  

请添加描述



文章录入:陈鹏    责任编辑:陈鹏 
  • 上一篇文章:

  • 下一篇文章:
  • 【字体: 】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
     
     
     
     
     

    Copyright © 2007 - 2009 chenpeng123.com All Rights Reserved
    本站所有文章,软件等均来自网络收集,不代表本站观点,仅供学习和研究使用。如有侵犯您的版权,请联系我们,本站将立即删除。
    鲁ICP备07014697号
    你是本站第 位访客