上下滚动文字

xiaoxiao2022-06-14  47

<script language="JavaScript">     //这里配置滚动字幕的属性     var scrollerwidth=290     var scrollerheight=25     var scrollerbgcolor='ffffff'     //set below to '' if you don't wish to use a background image     var scrollerbackground='scrollerback.gif'     //修改下面的文字及文字所指向的链接     var messages=new Array()     messages[0]="<font face='Arial'><a href='http://www.hh-tech.com'>1111111111111111</a></font>"     messages[1]="<font face='Arial'><a href='http://www.hh-tech.com'>2222222222222222</a></font>"     messages[2]="<font face='Arial'><a href='http://www.hh-tech.com'>3333333333333333</a></font>"     messages[3]="<font face='Arial'><a href='http://www.hh-tech.com'>9999999999999999</a></font>"     ///不要修改下面的内容///     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     second2.style.visibility='visible'     }     else if (document.layers){     document.main.visibility='show'     move1(document.main.document.first)     document.main.document.second.top=scrollerheight+5     document.main.document.second.visibility='show'     }     }     window.οnlοad=startscroll     </script>              <ilayer id="main" width=&{scrollerwidth}; height=&{scrollerheight}; bgColor=&{scrollerbgcolor}; background=&{scrollerbackground}; visibility=hide>     <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+' ;background-image:url('+scrollerbackground+')">')     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;visibility:hidden">')     document.write(messages[1])     document.writeln('</div>')     document.writeln('</div>')     document.writeln('</span>')     }     </script>

相关资源:js 实现 文字上下滚动
转载请注明原文地址: https://www.6miu.com/read-4936769.html

最新回复(0)