无缝滚动代码:图片无缝滚动代码来源: 发布时间:星期五, 2008年9月26日 浏览:2932次 评论:0
向左
<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> 2
相关文章
读者评论
发表评论 |