這是經特殊處理過的多圖向右移動形式,從中可看出圖片是頭尾相接連續移動的。
代碼如下
<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.容器寬度:四張圖片的總寬度減去顯示窗寬度
轉發至微博
轉發至微博
本站僅提供存儲服務,所有內容均由用戶發布,如發現有害或侵權內容,請
點擊舉報。