php数据库滚动文字_js文字滚动（上下左右）

注：上下滚动时，单元格demo1里面的内容高度要大于demo设置的高度才能无限滚动

左右滚动时，单元格demo1里面的内容宽度要大于demo设置的宽度才能无限滚动

一、上下滚动

1.显示的内容

一 二 三

2.向上滚动JS

var speed=30

var MyMarh=setInterval(Marqueeh,speed)

demo2.innerHTML=demo1.innerHTML

//原理是不断的向demoh2中填入demoh1中的内容，然后将已经看不见的清除

//用一个两行一列的表格，上一列再放一个装填有内容的表格，定义为demoh1，下一列是空的TD，定义为demoh2

//SPEED是用来控制速度的。

demo. clearInterval(MyMarh) }

demo. MyMarh=setInterval(Marqueeh,speed) }

function Marqueeh(){

if(demo2.offsetHeight-demo.scrollTop<=0)

demo.scrollTop-=demo1.offsetHeight

else{

demo.scrollTop++

}

}

3.向下滚动JS

var speed=30

demo2.innerHTML=demo1.innerHTML

demo.scrollTop=demo.scrollHeight

var MyMar=setInterval(Marquee,speed)

demo. {clearInterval(MyMar)}

demo. {MyMar=setInterval(Marquee,speed)}

function Marquee(){

if(demo1.offsetTop-demo.scrollTop>=0)

demo.scrollTop+=demo2.offsetHeight

else{

demo.scrollTop--

}

}

二、左右滚动

1.显示内容

一 二 三

2.向左滚动JS

var speed=30

var MyMar=setInterval(Marquee,speed)

demo2.innerHTML=demo1.innerHTML

demo. {clearInterval(MyMar)}

demo. {MyMar=setInterval(Marquee,speed)}

function Marquee(){

if(demo2.offsetWidth-demo.scrollLeft<=0)

demo.scrollLeft-=demo1.offsetWidth

else{

demo.scrollLeft++

}

}

3.向右滚动JS

var speed=30

var MyMar=setInterval(Marquee,speed)

demo2.innerHTML=demo1.innerHTML

demo. {clearInterval(MyMar)}

demo. {MyMar=setInterval(Marquee,speed)}

function Marquee(){

if(demo.scrollLeft<=0)

demo.scrollLeft+=demo2.offsetWidth

else{

demo.scrollLeft--

}

}