公告式的滚动图片

<! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<!--  saved from url=(0035)http://www.jscode.cn/JsCode/256.htm  -->
< HTML >< HEAD >< TITLE > 网页特效|Linkweb.cn/Js|---公告栏的滚动图片 </ TITLE >
< META  http-equiv =Content-Type  content ="text/html; charset=gb2312" >
< META  content ="MSHTML 6.00.3790.2795"  name =GENERATOR ></ HEAD >
< BODY >
< SCRIPT  language =JavaScript1.2 >  
var  scrollerwidth = 232 var  scrollerheight = 94 var  scrollerbgcolor = ' white ' var  pausebetweenimages = 3000 var  slideimages = new  Array()
slideimages[
0 ] = ' <a href="#"><img src="http://220.181.29.180/boardfile/tuyou/200724/20070615195236.jpg" alt="精彩哦" border=0"></a> ' ; slideimages[ 1 ] = ' <a href="#"><img src="http://cimg2.163.com/cnews/2007/6/15/2007061513580453d54.jpg" alt="好看哦" border=0"></a> ' ; slideimages[ 2 ] = ' <a href="#"><img src="http://cimg2.163.com/cnews/2007/6/15/20070615082607ee0bc.jpg" alt="好看哦" border=0"></a> '

if  (slideimages.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) " ,pausebetweenimages)
setTimeout(
" move2(document.main.document.second) " ,pausebetweenimages)
return
}
if  (tlayer.top >= tlayer.document.height *- 1 ){
tlayer.top
-= 5
setTimeout(
" move1(tlayer) " , 100 )
}
else {
tlayer.top
= scrollerheight
tlayer.document.write(slideimages[i])
tlayer.document.close()
if  (i == slideimages.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) " ,pausebetweenimages)
setTimeout(
" move1(document.main.document.first) " ,pausebetweenimages)
return
}
if  (tlayer2.top >= tlayer2.document.height *- 1 ){
tlayer2.top
-= 5
setTimeout(
" move2(tlayer2) " , 100 )
}
else {
tlayer2.top
= scrollerheight
tlayer2.document.write(slideimages[i])
tlayer2.document.close()
if  (i == slideimages.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) " ,pausebetweenimages)
setTimeout(
" move4(second2) " ,pausebetweenimages)
return
}
if  (tdiv.style.pixelTop >= tdiv.offsetHeight *- 1 ){
tdiv.style.pixelTop
-= 5
setTimeout(
" move3(tdiv) " , 100 )
}
else {
tdiv.style.pixelTop
= scrollerheight
tdiv.innerHTML
= slideimages[i]
if  (i == slideimages.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) " ,pausebetweenimages)
setTimeout(
" move3(first2) " ,pausebetweenimages)
return
}
if  (tdiv2.style.pixelTop >= tdiv2.offsetHeight *- 1 ){
tdiv2.style.pixelTop
-= 5
setTimeout(
" move4(second2) " , 100 )
}
else {
tdiv2.style.pixelTop
= scrollerheight
tdiv2.innerHTML
= slideimages[i]
if  (i == slideimages.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 >
< ILAYER  id =main  bgcolor ="&amp;{scrollerbgcolor};"  
height
="&amp;{scrollerheight};"  width ="&amp;{scrollerwidth};" >< LAYER  id =first 
width ="&amp;{scrollerwidth};"  top ="1"  left ="0" >
< SCRIPT  language =JavaScript1.2 >
if  (document.layers)
document.write(slideimages[
0 ])
  
</ SCRIPT >
</ LAYER >< LAYER  id =second  width ="&amp;{scrollerwidth};"  top ="0"  left ="0"  
visibility
="hide" >
< SCRIPT  language =JavaScript1.2 >
if  (document.layers)
document.write(slideimages[
1 ])
  
</ SCRIPT >
</ LAYER ></ ILAYER >
< P >   </ P >
< P >
< SCRIPT  language =JavaScript1.2 >
<!--
if  (document.all){
document.writeln(
' <span id="main2" style="position:relative;width: ' + scrollerwidth + ' ;height: ' + scrollerheight + ' ;overflow:hiden;background-color: ' + scrollerbgcolor + ' "> ' )
document.writeln(
' <div style="position:absolute;width: ' + scrollerwidth + ' ;height: ' + scrollerheight + ' ;clip:rect(0  ' + scrollerwidth + '   ' + scrollerheight + '  0);left:0;top:0"> ' )
document.writeln(
' <div id="first2" style="position:absolute;width: ' + scrollerwidth + ' ;left:0;top:1;"> ' )
document.write(slideimages[
0 ])
document.writeln(
' </div> ' )
document.writeln(
' <div id="second2" style="position:absolute;width: ' + scrollerwidth + ' ;left:0;top:0"> ' )
document.write(slideimages[
1 ])
document.writeln(
' </div> ' )
document.writeln(
' </div> ' )
document.writeln(
' </span> ' )
}

// --></SCRIPT>
</ P ></ BODY ></ HTML >
 
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值