| 1、状态栏中的跑马灯
在默认状态下浏览器的状态栏中显示的是链接指向信息,给人的感觉很单调。如果我们把问候语或是站点的介绍放在状态栏中滚动显示,一定能取得很好的效果。
源码粘贴框:
1、将以下代码放在<head>与</head>之间:
<script LANGUAGE="JavaScript"> <!-- Begin var Mes=new Array(); Mes[0]="大众服务网欢迎你! "; Mes[1]="感谢你关注大众服务网"; 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 --> </script>
2、在<body>标签内加入onload 语句:
<body onload="scroll();">
实现步骤: (1)首先将JavaScript代码复制到<head>与</head>之间,这段代码中包含了scroll()函数,它是实现跑马灯的主体代码。我们可以修改mes[]数组的值来改变跑马灯的内容,你也可以显示更多条的信息,不过代码中i的值应等于信息的条数,也就是等于mes[]数组的维数; (2)然后在<body>标签中加入onload()语句即可。 |