分享

【引用】【趣玩代码】使图片实现单向不间断滚动

 昵称9752042 2012-05-01
           

这是经特殊处理过的多图向右移动形式,从中可看出图片是头尾相接连续移动的。

 

代码如下

<CENTER>
<TABLE cellSpacing=0 cellPadding=0>
<TBODY>
<TR>
<TD>
<MARQUEE style="POSITION: relative; WIDTH: 显示窗宽度px; HEIGHT: 图片高度px" scrollAmount=4 scrollDelay=2>
<DIV style="POSITION: relative; WIDTH: 容器宽度px; HEIGHT: 图片高度px">
<TABLE style="POSITION: absolute; WIDTH: 图片总宽度px; HEIGHT: 图片高度px; TOP: 0px; LEFT: -2张图片的总宽度px" border=0 cellSpacing=0 borderColor=#ff0000 cellPadding=0>
<TBODY>
<TR>
<TD style="WIDTH: 1图片宽度px" background=1图片地址> </TD>
<TD style="WIDTH: 2图片宽度px" background=2图片地址> </TD>
<TD style="WIDTH: 3图片宽度px" background=3图片地址> </TD>
<TD style="WIDTH: 4图片宽度px" background=4图片地址> </TD>
<TD style="WIDTH: 1图片宽度px" background=1图片地址> </TD>
<TD style="WIDTH: 2图片宽度px" background=2图片地址> </TD></TR></TBODY></TABLE></DIV></MARQUEE></TD></TR></TBODY></TABLE></CENTER>

说明:1.本例是四张图片连续滚动的示范方案,图片数量可按需要添加;

           2.在代码图片下面需重复加1图、2图二张图片;

           3.容器宽度:四张图片的总宽度减去显示窗宽度

 


转发至微博
转发至微博

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约