若干个链接交替出现

- 中国WEB开发者网络 (http://www.webasp.net)
-- 网页特效 (http://www.webasp.net/javascript/)
--- 若干个链接交替出现 (http://www.webasp.net/javascript/1/357.htm)
-- 发布日期： 2005-06-05
<!-- 网页特效代码由[中国WEB开发者网络:http://www.ChinaWebDev.com]提供！ -->
<!-- 要实现此效果需要 3 个步骤： -->

<!-- 第 1 步： -->
<!-- 把下面的代码加到<HEAD></HEAD>区域中： -->

<style>

<!--



#tickertape{

position:relative;



layer-background-color:black;

width:400;

height:12;

; font-family: "宋体"; font-size: 9pt}



#subtickertape{

background-color:black;

position:absolute;

border: 1px solid black;

width:400;

height:12;

; font-family: "宋体"; font-size: 9pt

}





.subtickertapefont{

font:bold 9pt "宋体";

text-decoration:none;

color:white;

}



.subtickertapefont a{

color:white;

text-decoration:none;

; font-family: "宋体"; font-size: 9pt}

-->

</style>




<!-- 第 2 步： -->
<!-- 把<BODY>中的属性代码改为： -->

<BODY onload="if (document.all||document.layers) {regenerate2();update()}">



<!-- 第 3 步： -->
<!-- 把下面的代码加到<BODY></BODY>区域中： -->

<div id="tickertape" >

<div id="subtickertape" class="subtickertapefont" style="left: 276px; top: 11px; width: 209px; height: 8px">
<div align="center">正在初蓟?..</div>
</div>

</div>

<script language="JavaScript1.2">



//默认速度4.5秒，自己修改速度快慢。

var speed=4000



var news=new Array()

news[0]="<a href='http://www.webasp.net' target=_blank>随意链接一</a>"

news[1]="<a href='http://www.webasp.net' target=_blank>随意链接二</a>"

news[2]="<a href='http://www.webasp.net' target=_blank>随意链接三</a>"

news[3]="<a href='http://www.webasp.net' target=_blank>随意链接四</a>"

news[4]="<a href='http://www.webasp.net' target=_blank>随意链接五</a>"

news[5]="<a href='http://www.webasp.net' target=_blank>随意链接六</a>"

news[6]="<a href='http://www.webasp.net' target=_blank>随意链接七</a>"



//显示的信息内容可以任意按照格式添加。



i=0

if (document.all)

tickerobject=document.all.subtickertape.style

else

tickerobject=document.tickertape.document

function regenerate(){

window.location.reload()

}

function regenerate2(){

if (document.layers)

setTimeout("window.onresize=regenerate",450)

}



function update(){

BgFade(0xff,0xff,0xff, 0x00,0x00,0x00,10);

if (document.layers){

document.tickertape.document.subtickertape.document.write('<span class="subtickertapefont">'+news[i]+'</span>')

document.tickertape.document.subtickertape.document.close()

}

else

document.all.subtickertape.innerHTML=news[i]



if (i<news.length-1)

i++

else

i=0

setTimeout("update()",speed)

}



function BgFade(red1, grn1, blu1, red2,

grn2, blu2, steps) {

sred = red1; sgrn = grn1; sblu = blu1;

ered = red2; egrn = grn2; eblu = blu2;

inc = steps;

step = 0;

RunFader();

}

function RunFader() {

var epct = step/inc;

var spct = 1 - epct;

if (document.layers)

tickerobject.bgColor =

Math.floor(sred * spct + ered *

epct)*256*256 +

Math.floor(sgrn * spct + egrn * epct)*256 +

Math.floor(sblu * spct + eblu * epct);

else

tickerobject.backgroundColor=

Math.floor(sred * spct + ered *

epct)*256*256 +

Math.floor(sgrn * spct + egrn * epct)*256 +

Math.floor(sblu * spct + eblu * epct);

if ( step < inc ) {

setTimeout('RunFader()',50);

}

step++;

}



</script>


webasp.net