24.跑马灯大??
q里向你介绍几个用JavaScript实现的较复杂的跑马灯Q你只须把源码粘贴框中的代码按照说明复制的指定的位置p看到跑马灯的效果?/p>
1、网制作状态栏中的跑马?/p>
在默认状态下览器的状态栏中显C的是链接指向信息,lh的感觉很单调。如果我们把问候语或是站点的介l放在状态栏中滚动显C,一定能取得很好的效果?/p>
源码_脓(chung)框:
1、将以下代码攑֜<head>?lt;/head>之间Q?lt;script LANGUAGE="JavaScript"><!-- Beginvar Mes=new Array();Mes[0]="z恩在线Ƣ迎你! ";Mes[1]="感谢你关注电(sh)脑交互教E?";Mes[2]="|页制作技巧 之 跑马灯大?";var place=1;var i=0;function scroll() {window.status=Mes[i].substring(0, place);if (place >= Mes[i].length) {if(i<2){i++;place=1;window.setTimeout("scroll()",50); }else{i=0;place=1;window.setTimeout("scroll()",50); } }else {place++;window.setTimeout("scroll()",50); }}// End -Q?gt;</script>2、在<body>标签内加入onload 语句Q?lt;body onload="scroll();">
实现步骤:
(1)首先JavaScript代码复制?lt;head>?lt;/head>之间Q这D代码中包含了scroll()函数Q它是实现跑马灯的主体代码。我们可以修改mes[]数组的值来改变跑马灯的内容Q你也可以显C更多条的信息,不过代码中i的值应{于信息的条敎ͼ也就是等于mes[]数组的维敎ͼ
(2)然后?lt;body>标签中加入onload()语句卛_?/p>
2、超链接的跑马灯式提CZ?/p>
把你?ldquo;老鼠”Ud下面链接上试一试,有什么不同呢Q原来弹Z一条跑马灯式的提示信息Q这是怎么实现的呢Q请接着看:
跑马灯大?一) ?sh)脑交互教程 |页制作技巧技?/p>