当前页面: 开发资料首页 → Javascript 专题 → 滚动的公告栏的实现

滚动的公告栏的实现

摘要: 滚动的公告栏的实现

<script language=JavaScript1.2>

//设置下面的三行参数，分别是宽度、高度和背景色。
var scrollerwidth=150
var scrollerheight=60
var scrollerbgcolor=white

//下面设置显示的文字内容，可以使用标准的HTML语法。
var messages=new Array()
messages[0]=点这里回首页，欢迎你访问小耗子的《三招两式》
messages[1]=点这里去下载中心，你可以到那里下载本站各个栏目的压缩包
messages[2]=点这里去心得技巧栏目，这里搜集了网页制作高手们的心得文章
messages[3]=点这里去本站搜索，快速检索本站内容
messages[4]=点这里联系小耗子，有任何意见建议请来信。

//下面的代码不要改动

if (messages.length>1)
i=2
else
i=0

function move1(whichlayer){
tlayer=eval(whichlayer)
if (tlayer.top>0&&tlayer.top<=5){
tlayer.top=0
setTimeout(move1(tlayer),3000)
setTimeout(move2(document.main.document.second),3000)
return
}
if (tlayer.top>=tlayer.document.height*-1){
tlayer.top-=5
setTimeout(move1(tlayer),100)
}
else{
tlayer.top=scrollerheight
tlayer.document.write(messages[i])
tlayer.document.close()
if (i==messages.length-1)
i=0
else
i++
}
}

function move2(whichlayer){
tlayer2=eval(whichlayer)
if (tlayer2.top>0&&tlayer2.top<=5){
tlayer2.top=0
setTimeout(move2(tlayer2),3000)
setTimeout(move1(document.main.document.first),3000)
return
}
if (tlayer2.top>=tlayer2.document.height*-1){
tlayer2.top-=5
setTimeout(move2(tlayer2),100)
}
else{
tlayer2.top=scrollerheight
tlayer2.document.write(messages[i])
tlayer2.document.close()
if (i==messages.length-1)
i=0
else
i++
}
}

function move3(whichdiv){
tdiv=eval(whichdiv)
if (tdiv.style.pixelTop>0&&tdiv.style.pixelTop<=5){
tdiv.style.pixelTop=0
setTimeout(move3(tdiv),3000)
setTimeout(move4(second2),3000)
return
}
if (tdiv.style.pixelTop>=tdiv.offsetHeight*-1){
tdiv.style.pixelTop-=5
setTimeout(move3(tdiv),100)
}
else{
tdiv.style.pixelTop=scrollerheight
tdiv.innerHTML=messages[i]
if (i==messages.length-1)
i=0
else
i++
}
}

function move4(whichdiv){
tdiv2=eval(whichdiv)
if (tdiv2.style.pixelTop>0&&tdiv2.style.pixelTop<=5){
tdiv2.style.pixelTop=0
setTimeout(move4(tdiv2),3000)
setTimeout(move3(first2),3000)
return
}
if (tdiv2.style.pixelTop>=tdiv2.offsetHeight*-1){
tdiv2.style.pixelTop-=5
setTimeout(move4(second2),100)
}
else{
tdiv2.style.pixelTop=scrollerheight
tdiv2.innerHTML=messages[i]
if (i==messages.length-1)
i=0
else
i++
}
}

function startscroll(){
if (document.all){
move3(first2)
second2.style.top=scrollerheight
}
else if (document.layers){
move1(document.main.document.first)
document.main.document.second.top=scrollerheight+5
document.main.document.second.visibility=show
}
}

window.onload=startscroll

</script>


<script language=JavaScript1.2>
if (document.layers)
document.write(messages[0])
</script>


<script language=JavaScript1.2>
if (document.layers)
document.write(messages[1])
</script>


<script language=JavaScript1.2>
if (document.all){
document.writeln()
document.writeln(

)
document.writeln(

)
document.write(messages[0])
document.writeln(

)
document.writeln(

)
document.write(messages[1])
document.writeln(

)
document.writeln(

)
document.writeln()
}
</script>

↑返回目录
前一篇: 如何在网页中变化图象(速度无延迟)
后一篇: 用JavaScript实现文件图片滚动效果