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

您现在的位置：动易技术中心 >> 动易产品知识库 >> 动易2006常见问题 >> 正文

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

作者：佚名文章来源：本站原创点击数：更新时间：2007-7-12

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

代码<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></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--     向下滚动

文章录入：jzjh2008 责任编辑：丑小鬼

上一篇文章： FLASH在模板中的调用方法

下一篇文章：图片切换幻灯片

【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】

动易SiteFactory标签说明

动易2006网站标签说明列表

用户手册下载