图片无缝滚动代码

来源：互联网发布：cs起源武器数据编辑：程序博客网时间：2024/04/30 09:36

图片无缝滚动代码

向左

<div align='center' id='demo' style='overflow:hidden;height:125px;width:700px;'>
<TABLE cellSpacing=5 cellPadding=0 width="100%" align=center
border=0> <TBODY> <TR vAlign=top> <TD id='demo1' height="36" align=middle>$label[new_1]
</TD><td id=demo2></td>
</TR> </TBODY> </TABLE></TD></TR></div>
<script>
var Picspeed=15
demo2.innerHTML=demo1.innerHTML
function Marquee1(){
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth
else{
demo.scrollLeft++
}
}
var MyMar1=setInterval(Marquee1,Picspeed)
demo.onmouseover=function() {clearInterval(MyMar1)}
demo.onmouseout=function() {MyMar1=setInterval(Marquee1,Picspeed)}
</script>

向右

<div align='center' id='demo' style='overflow:hidden;height:125px;width:700px;'>
<TABLE cellSpacing=5 cellPadding=0 width="100%" align=center
border=0> <TBODY> <TR vAlign=top> <TD id='demo1' height="36" align=middle>$label[new_1]
</TD><td id=demo2></td>
</TR> </TBODY> </TABLE></TD></TR></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.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>

向下
<div align='center' id='demo' style='overflow:hidden;height:125px;width:700px;'>
<TABLE cellSpacing=5 cellPadding=0 width="100%" align=center
border=0> <TBODY> <TR vAlign=top> <TD id='demo1' height="36" align=middle>$label[new_1]
</TD><td id=demo2></td>
</TR> </TBODY> </TABLE></TD></TR></div>
<script language="javascript">
var speed=30
demo2.innerHTML=demo1.innerHTML
demo.scrollTop=demo.scrollHeight
function Marquee(){
if(demo1.offsetTop-demo.scrollTop>=0)
demo.scrollTop+=demo2.offsetHeight
else{
demo.scrollTop--
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>

向上
<div align='center' id='demo' style='overflow:hidden;height:125px;width:700px;'>
<TABLE cellSpacing=5 cellPadding=0 width="100%" align=center
border=0> <TBODY> <TR vAlign=top> <TD id='demo1' height="36" align=middle>$label[new_1]
</TD><td id=demo2></td>
</TR> </TBODY> </TABLE></TD></TR></div>
<script language="javascript">
var speed=30
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetTop-demo.scrollTop<=0)
demo.scrollTop-=demo1.offsetHeight
else{
demo.scrollTop++
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>