微信公众号 
图码生活

每天发布有五花八门的文章,各种有趣的知识等,期待您的订阅与参与
电脑报 1992-2001 十年文章全集
电脑报 1992-2001 十年文章全集
包含从 1992 年 - 2001 年间,两万余篇期刊文章,查询最少输入两个字符
随便看看
读取中
读取中
标题用JavaScript编制跑马灯
栏目软件世界
作者张运宝
发布1998年第23期13版
  跑马灯是主页中常用到的技巧,一个跑马灯往往会起到画龙点晴的效果。现在你只需将下面例子根据需要稍做修改后插入到自己的网页文件中,就会有别具一格的跑马灯了。
  例1:在浏览器的状态行中从左至右用打字效果显示
  <SCRIPT Language="JavaScript">
  var T="《电脑报》欢迎您!";
  var interval=250;
  t=10;
  function A()
  {len=T.length;
  window.status=T.substring(0,t+1);
  t++;
  if(t>=len) {t=0};
  window.setTimeout("A();",interval);}
  </SCRIPT>
  <BODY OnLoad="A();">
  例2:在网页中开设一个小窗口,在其中先用打字效果显示文本,再从左至右跑马
  <SCRIPT Language="JavaScript">
  var msg="《电脑报》电子版欢迎您!";
  var interval=250;
  var space10=" ";
  var t=0;
  function A1()
  {document.tmForm,
  tmText.value=msg.substring(0,t+1);
  t++;t++;
  if(t>=msg.length){t=0;
  window.setTimeout("A2();",interval);}
  else
  window.setTimeout("A1();",interval);}
  function A2(){
  document.tmForm.tmText.value=msg.substring(t,msg.length)+space10+msg.su
  bstring(0,msg.length);
  t++;t++;
  if (t>msg.length) {t=0};
  window.setTimeout("A2();",interval);}
  </SCRIPT>
  <BODY OnLoad="A1();">
  <CENTER><FORM Name=tmForm>
  <INPUT type=Text Name=tmText Size=45>
  </FORM></CENTER>