正文

[JavaScript]跑马灯示例2006-11-21 19:08:00

【评论】 【打印】 【字体: 】 本文链接:http://blog.pfan.cn/fengfei/20563.html

分享到:

  示例演示:http://scboy.ik8.com/RandomRunHouse.htm <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>RandomRunHouse</title> <script language="javascript">  msgArray = new Array(4);  msgArray[0] = "欢迎光临";  msgArray[1] = "白日依山静,黄河入海流";  msgArray[2] = "人道是,三国周郎赤壁";  msgArray[3] = "EmailTo: kof_he@163.com";   var msg = "";  var flag = true;  var addOne = 1;  var space = 50;  var addTwo = 0;   function randomMessage()  {   // 判断次句跑马灯是否跑完,跑完则重新随机获得语句   if ( flag == true )    {    // 随机获得状态栏显示语句    msg = msgArray[Math.floor( Math.random() * msgArray.length )];        // 表示跑马灯已开始,下次调用此函数则不在随机获得语句,直到跑马灯结束    flag = false;    }      if ( addOne < msg.length )   {    // 在状态栏中先一个字一个字递加的把msg字符串显示出来    window.status = msg.substring( 0, addOne );    addOne++;   }   else   {    var scroller = "";        // 添加状态栏前的空格    for ( i = 0; i < space; i++ )    {     scroller += " ";    }        scroller += msg;    window.status = scroller.substring( addTwo, space + msg.length );    addTwo++;        // 表示跑马灯结束,初始化数据    if ( addTwo > space + msg.length )    {     addOne = 0;     addTwo = 0;     flag = true;    }   }      setTimeout( 'randomMessage()', 100 );  }  </script> </head> <body onLoad="randomMessage();"></body></html>

阅读(6044) | 评论(2)


版权声明:编程爱好者网站为此博客服务提供商,如本文牵涉到版权问题,编程爱好者网站不承担相关责任,如有版权问题请直接与本文作者联系解决。谢谢!

评论

loading...
您需要登录后才能评论,请 登录 或者 注册