模板演示站:兴华社
当前位置:中国新华网站教程其他知识

左右循环滚动代码,常用于网站产品展示

减小字体 增大字体 作者:中国新华  来源:中国新华  发布时间:2012-09-01

代码如下:

<div style="WIDTH: 600px; HEIGHT: 30px; OVERFLOW: hidden" id=demo>
        <table id=table2 border=0 cellPadding=0 align=left cellspace="0">
          <tr>
            <td id=demo1 vAlign=top>
              输入滚动的文字。或者调用图片代码,可以来回循环滚动。
      </td>
            <td id=demo2 vAlign=top></td>
          </tr>
        </table>
</div>
<script>
var speed=15
demo2.innerHTML=demo1.innerHTML
function Marquee1(){
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth
else{
demo.scrollLeft++
}
}
var MyMar1=setInterval(Marquee1,speed)
demo.onmouseover=function() {clearInterval(MyMar1)}
demo.onmouseout=function() {MyMar1=setInterval(Marquee1,speed)} </script>

 
  版权所有:中国新华/兴华社   地址:安徽省淮南市田家庵区时代广场6楼 (兴华社工作室)  
  联系QQ:69500672     QQ: 68832328     咨询电话:138 5546 4025