设为首页 | 加入收藏
当前位置:首页>>网页特效>>状态栏特效>> 状态栏有间隔的跳马灯式样的文字

状态栏有间隔的跳马灯式样的文字

时间:2005-1-14 22:13:35 来源:本站收集整理 作者:佚名

要完成此效果需要两个步骤

第一步:把如下代码加入到<head>区域中

<SCRIPT language="JavaScript">

<!--

function scrollit(seed) {

var m1 = "HI:你 好!             ";

var m2 = "欢 迎 访 问 三 联 素 材";

var m3 = "请 多 提 意 见,谢 谢!          ";

var msg=m1+m2+m3;

var out = " ";

var c = 1;

if (seed > 100) {

seed--;

cmd="scrollit("+seed+")";

timerTwo=window.setTimeout(cmd,100);

}

else if (seed <= 100 && seed > 0) {

for (c=0 ; c < seed ; c++) {

out+=" ";

}

out+=msg;

seed--;

window.status=out;

cmd="scrollit("+seed+")";

timerTwo=window.setTimeout(cmd,100);

}

else if (seed <= 0) {

if (-seed < msg.length) {

out+=msg.substring(-seed,msg.length);

seed--;

window.status=out;

cmd="scrollit("+seed+")";

timerTwo=window.setTimeout(cmd,100);

}

else {

window.status=" ";

timerTwo=window.setTimeout("scrollit(100)",75);

}

}

}

 

 

//-->

 

 

</SCRIPT>


第二步:把“onLoad="scrollit(100)"”加在<body>标记里
例如:<body onLoad="scrollit(100)">