您现在的位置:小学生自学网>> 信息>> 学习电脑

动易图片滚动代码

作者: 来源: 发布时间:2010年12月24日 点击数:
 

一个比较简单的图片无缝滚动代码

红色部分是动易标签

代码<div id=demo style="BACKGROUND: #ffffff; OVERFLOW: hidden; WIDTH: 750px; COLOR: #ffffff; HEIGHT: 120px"> <table cellPadding=0 align=center border=0 cellspace="0">
          <tr>
            <td id=demo1 vAlign=top><!--{$GetPicPhoto(0,0,false,0,28,false,false,0,1,1,130,90,30,0,false,10)}--></td> 
            <td id=demo2 vAlign=top></td>
          </tr>
        </table>
 <SCRIPT>
             var speed=30
             demo2.innerHTML=demo1.innerHTML
             function Marquee(){
             if(demo2.offsetWidth-demo.scrollLeft<=0)
             demo.scrollLeft-=demo1.offsetWidth
             else{
             demo.scrollLeft++
             }
             }
             var MyMar=setInterval(Marquee,speed)
             demo.onmouseover=function() {clearInterval(MyMar)}
             demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
             </SCRIPT>
</div>

 

 

 

 

 

 

 

 

 

 

 

 

 

备注:更改滚动方式,请修改相应未知的代码 倒数第8行
                
        demo.scrollLeft++    向左滚动
        demo.scrollLeft--    向右滚动
        demo.scrolltop++     向上滚动
        demo.scrolltop--     向下滚动