运作看一下

往上连续翻转编码：

div id=demoUp >   div id=demoUp1
  img src= public/static/blueh5b/picture/footer-logo.png br img src= public/static/blueh5b/picture/footer-logo.png br img src= public/static/blueh5b/picture/footer-logo.png br
  img src= public/static/blueh5b/picture/footer-logo.png br img src= public/static/blueh5b/picture/footer-logo.png br img src= public/static/blueh5b/picture/footer-logo.png br
  img src= public/static/blueh5b/picture/footer-logo.png br img src= public/static/blueh5b/picture/footer-logo.png br img src= public/static/blueh5b/picture/footer-logo.png br
  img src= public/static/blueh5b/picture/footer-logo.png br img src= public/static/blueh5b/picture/footer-logo.png br img src= public/static/blueh5b/picture/footer-logo.png br
  img src= public/static/blueh5b/picture/footer-logo.png br img src= public/static/blueh5b/picture/footer-logo.png br img src= public/static/blueh5b/picture/footer-logo.png br
  img src= public/static/blueh5b/picture/footer-logo.png br img src= public/static/blueh5b/picture/footer-logo.png br img src= public/static/blueh5b/picture/footer-logo.png br
  img src= public/static/blueh5b/picture/footer-logo.png br img src= public/static/blueh5b/picture/footer-logo.png br img src= public/static/blueh5b/picture/footer-logo.png br
  img src= public/static/blueh5b/picture/footer-logo.png br img src= public/static/blueh5b/picture/footer-logo.png br img src= public/static/blueh5b/picture/footer-logo.png br
  img src= public/static/blueh5b/picture/footer-logo.png br img src= public/static/blueh5b/picture/footer-logo.png br img src= public/static/blueh5b/picture/footer-logo.png br
  img src= public/static/blueh5b/picture/footer-logo.png br img src= public/static/blueh5b/picture/footer-logo.png br img src= public/static/blueh5b/picture/footer-logo.png br
  img src= public/static/blueh5b/picture/footer-logo.png br img src= public/static/blueh5b/picture/footer-logo.png br img src= public/static/blueh5b/picture/footer-logo.png br
  /div
  div id=demoUp2 /div
  /div
  script language= javascript
 var speedUp=30
 demoUp2.innerHTML=demoUp1.innerHTML
 function MarqueeUp(){
 if(demoUp2.offsetTop-demoUp.scrollTop =0)
 demoUp.scrollTop-=demoUp1.offsetHeight
 else{
 demoUp.scrollTop++
 }
 }
 var MyMarUp=setInterval(MarqueeUp,speedUp)
 demoUp. unction() {clearInterval(MyMarUp)}
 demoUp.onmouseout=function() {MyMarUp=setInterval(MarqueeUp,speedUp)}
  /script

往下连续翻转编码：

div id=demoDown >   div id=demoDown1
  img src= public/static/blueh5b/picture/footer-logo.png br img src= public/static/blueh5b/picture/footer-logo.png br img src= public/static/blueh5b/picture/footer-logo.png br
  img src= public/static/blueh5b/picture/footer-logo.png br img src= public/static/blueh5b/picture/footer-logo.png br img src= public/static/blueh5b/picture/footer-logo.png br
  img src= public/static/blueh5b/picture/footer-logo.png br img src= public/static/blueh5b/picture/footer-logo.png br img src= public/static/blueh5b/picture/footer-logo.png br
  img src= public/static/blueh5b/picture/footer-logo.png br img src= public/static/blueh5b/picture/footer-logo.png br img src= public/static/blueh5b/picture/footer-logo.png br
  img src= public/static/blueh5b/picture/footer-logo.png br img src= public/static/blueh5b/picture/footer-logo.png br img src= public/static/blueh5b/picture/footer-logo.png br
  img src= public/static/blueh5b/picture/footer-logo.png br img src= public/static/blueh5b/picture/footer-logo.png br img src= public/static/blueh5b/picture/footer-logo.png br
  img src= public/static/blueh5b/picture/footer-logo.png br img src= public/static/blueh5b/picture/footer-logo.png br img src= public/static/blueh5b/picture/footer-logo.png br
  img src= public/static/blueh5b/picture/footer-logo.png br img src= public/static/blueh5b/picture/footer-logo.png br img src= public/static/blueh5b/picture/footer-logo.png br
  img src= public/static/blueh5b/picture/footer-logo.png br img src= public/static/blueh5b/picture/footer-logo.png br img src= public/static/blueh5b/picture/footer-logo.png br
  img src= public/static/blueh5b/picture/footer-logo.png br img src= public/static/blueh5b/picture/footer-logo.png br img src= public/static/blueh5b/picture/footer-logo.png br
  img src= public/static/blueh5b/picture/footer-logo.png br img src= public/static/blueh5b/picture/footer-logo.png br img src= public/static/blueh5b/picture/footer-logo.png br
  /div
  div id=demoDown2 /div
  /div
  script language= javascript
 var speedDown=30
 demoDown2.innerHTML=demoDown1.innerHTML
 demoDown.scrollTop=demoDown.scrollHeight
 function MarqueeDown(){
 if(demoDown1.offsetTop-demoDown.scrollTop =0)
 demoDown.scrollTop+=demoDown2.offsetHeight
 else{
 demoDown.scrollTop--
 }
 }
 var MyMarDown=setInterval(MarqueeDown,speedDown)
 demoDown. unction() {clearInterval(MyMarDown)}
 demoDown.onmouseout=function() {MyMarDown=setInterval(MarqueeDown,speedDown)}
  /script

向左连续翻转编码：

DIV id=demoleft >   TABLE border=0 cellPadding=0 cellSpacing=0 cellspace= 0
  TBODY
  TR
  TD id=demo1left vAlign=top align=middle
  TABLE cellSpacing=0 cellPadding=2 border=0
  TBODY
  TR align=middle
  TD img src= public/static/blueh5b/picture/footer-logo.png width= 100 height= 89 / /TD
  TD img src= public/static/blueh5b/picture/footer-logo.png width= 100 height= 89 / /TD
  TD img src= public/static/blueh5b/picture/footer-logo.png width= 100 height= 89 / /TD
  TD img src= public/static/blueh5b/picture/footer-logo.png width= 100 height= 89 / /TD
  TD img src= public/static/blueh5b/picture/footer-logo.png width= 100 height= 89 / /TD
  TD img src= public/static/blueh5b/picture/footer-logo.png width= 100 height= 89 / /TD
  TD img src= public/static/blueh5b/picture/footer-logo.png width= 100 height= 89 / /TD
  /TR /TBODY /TABLE /TD
  TD id=demo2left vAlign=top /TD /TR /TBODY /TABLE /DIV
  SCRIPT
 var speed=20//速率标值越大速率越慢,demo2.offsetWidth=demo1.offsetWidth=固定不动值
 demo2left.innerHTML=demo1left.innerHTML
 function Marquee(){
 if(demo2left.offsetWidth-demoleft.scrollLeft =0)//实际上demo.scrollLeft是有 较大值的，和demo0.width,引入的照片的width相关系。demo已过一半（每半內容一样的），再次刚开始循环系统
 demoleft.scrollLeft-=demo1left.offsetWidth
 else{
 demoleft.scrollLeft++//持续的提升，非常于父器皿的翻转条持续是变小；但因为OVERFLOW: hidden; （翻转条不能见）
 }
 }
 var MyMarleft=setInterval(Marquee,speed)
 demoleft. unction() {clearInterval(MyMarleft)}
 demoleft.onmouseout=function() {MyMarleft=setInterval(Marquee,speed)}
  /SCRIPT

向右连续翻转编码：
  base href= //public/static/blueh5b/picture/footer-logo.png img

src= public/static/blueh5b/picture/footer-logo.png img src= public/static/blueh5b/picture/footer-logo.png img src= public/static/blueh5b/picture/footer-logo.png img src= public/static/blueh5b/picture/footer-logo.png img

src= public/static/blueh5b/picture/footer-logo.png /td td id=demo2 valign=top /td /tr /table /div
  script
 var speed=30
 demo2.innerHTML=demo1.innerHTML
 demo.scrollLeft=demo.scrollWidth
 function Marquee(){
 if(demo.scrollLeft =0)
 demo.scrollLeft+=demo2.offsetWidth
 else{
 demo.scrollLeft--
 }
 }
 var MyMar=setInterval(Marquee,speed)
 demo. unction() {clearInterval(MyMar)}
 demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
  /script

运作看一下