六合开奖结果现场直播欢迎诸位!收藏本站注 册登 陆
常用三肖中特马:基础知识网络知识操作系统WPS网页制作数据库算法网页成功之路网络安全最新技术古典mid流行midmid背景下载中心
您现在的位置:首页 > 三肖中特马 > 文章页

网页特效_跑马灯特效代码大全二

ebook | 2007-10-7 12:52:22 | ReadNums | 8756 | 标签 网页制作 | 打印本页
      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()语句即可。


问题未解决:在线咨询

网友评论

(访客)
内容实用原创,讲得很好。
20xx年x月x日
(站长)
有问题请在线咨询。
20xx年x月x日