图片无缝拼接代码

有缝拼接实例

<CENTER>

<DIV><IMG title="" height=250 alt="" src="//image109.360doc.com/DownloadImg/2018/08/2113/141937424_3_20180821012906160.jpg" width=170> <IMG title="" height=250 alt="" src="//image109.360doc.com/DownloadImg/2018/08/2113/141937424_3_20180821012906160.jpg" width=170> <IMG title="" height=250 alt="" src="//image109.360doc.com/DownloadImg/2018/08/2113/141937424_3_20180821012906160.jpg" width=170> </DIV><BR></CENTER>

横无缝拼接实例

<CENTER>

<DIV><IMG title="" height=250 alt="" src="//image109.360doc.com/DownloadImg/2018/08/2113/141937424_3_20180821012906160.jpg" width=170><IMG title="" height=250 alt="" src="//image109.360doc.com/DownloadImg/2018/08/2113/141937424_3_20180821012906160.jpg " width=170><IMG title="" height=250 alt="" src="//image109.360doc.com/DownloadImg/2018/08/2113/141937424_3_20180821012906160.jpg " width=170> </DIV><BR></CENTER>

<CENTER>

<MARQUEE style="POSITION: relative; WIDTH: 600px; HEIGHT: 300px;

TOP: 0px; LEFT: 0px"

direction=right scrollAmount=3 scrollDelay=1>

<DIV style="POSITION: relative; WIDTH: 2400px; HEIGHT: 300px; TOP: 0px;

LEFT: 0px">

<TABLE style="POSITION: absolute; WIDTH: 4000px; HEIGHT: 300px;

TOP: 0px; LEFT: -1200px"

border=0 cellSpacing=0 cellPadding=0>

<TBODY>

<TR>

<TD style="WIDTH: 500px" background=第一张图片地址>　</TD>

<TD style="WIDTH: 500px" background=第二张图片地址>　</TD>

<TD style="WIDTH: 500px" background=第三张图片地址>　</TD>

<TD style="WIDTH: 500px" background=第四张图片地址>　</TD>

<TD style="WIDTH: 500px" background=第五张图片地址>　</TD>

<TD style="WIDTH: 500px" background=第六张图片地址>    </TD>

<TD style="WIDTH: 500px" background=第七张图片地址>    </TD>

<TD style="WIDTH: 500px" background=第八张图片地址>　</TD></TR></TBODY></TABLE></DIV></MARQUEE></CENTER></TD>

</TR></TBODY></TABLE></CENTER>

代码说明：

1.WIDTH: 600px（显示窗口宽度），HEIGHT:300px（显示窗口高度）

2. direction=" right" （图片移动的方向）

3. scrollAmount="3"  （图片移动速度）

4. WIDTH: 2400px; HEIGHT: 300px （显示图片总长减去窗口长度500*6-600、

高度400）

5. WIDTH: 4000px; HEIGHT: 300px （图片的总长度500*8、高度300）

6.  style="WIDTH: 500px;" background="第一张图片地址"

（每张图片的宽度和图片网址）

7. 为了使图片循环移动中间没有空白，图片1和图片7用同一张；

图片2和图片8，用同一张。

8.以上说明的数字、方向、速度、图片的多少等要根据自己所用图片的

情况和需要来改变。