定时滚动广告

  在制作网站页面时,通常会在某些地方放一些广告性质的或时效性较强的滚动式文字链接。通常的滚动式文字链接总是不断地向某个方向(上、下、左、右)移动,且文字的首尾不能接上,期间会有一段空白。现在网上搜集到一段定时滚动式广告代码,只要简单地改一下显示的内容和参数,就可以应用在自己的网站上了。

[Code]:
<div align="center"> 
<script language="JavaScript1.2">
//设置下面的三行参数,分别是宽度、高度和背景色。
  var scrollerwidth=280
  var scrollerheight=40
  var scrollerbgcolor='white'

  var messages=new Array()
  //修改双引号内容以适应本地化要求,可按格式增加多条信息
  messages[0]="<a href='page1.htm'>点这里跳转至页面一</a>"
  messages[1]="<a href='page2.htm'>点这里去看看页面二</a>"
  messages[2]="<a href='page3.htm'>点这里去作品展示页面</a>"
  messages[3]="<a href='page4.htm'>点这里去页面四</a>"
  messages[4]="<a href='page5.htm'>点这里打开页面五</a>"

  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++
  }
} //move1(whichlayer)

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++
  }
} //move2(whichlayer)

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++
  }
} //move3(whichdiv)

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++
  }
} //move4(whichdiv)

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'
  }
} //startscroll()

window.οnlοad=startscroll

</script>
</div>
<ilayer id="main" width=&{scrollerwidth}; height=&{scrollerheight}; bgcolor=&{scrollerbgcolor};>
<layer id="first" left=0 top=1 width=&{scrollerwidth};>
<script language="JavaScript1.2">
  if (document.layers)
  document.write(messages[0])
</script>
</layer>
<layer id="second" left=0 top=0 width=&{scrollerwidth}; visibility=hide>
<script language="JavaScript1.2">
  if (document.layers)
  document.write(messages[1])
</script>
</layer>
</ilayer>
<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(messages[0])
    document.writeln('</div>')
    document.writeln('<div id="second2" style="position:absolute;width:'+scrollerwidth+';left:0;top:0">')
    document.write(messages[1])
    document.writeln('</div>')
    document.writeln('</div>')
    document.writeln('</span>')
  }
</script>

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值