代码:
<TABLE borderColor=#921aff height=0 cellSpacing=3 cellPadding=0 width=0 align=center bgColor=#000000 border=6> <TBODY> <TR> <TD> <TABLE height=400 cellSpacing=0 cellPadding=0 width=600 align=center background=图片1地址 border=0> <TBODY> <TR> <TD width="50%"> <TABLE height=0 cellSpacing=0 cellPadding=0 width="100%" align=center border=0> <TBODY> <TR> <TD> <MARQUEE scrollAmount=3 behavior=slide width="100%" height=400> <MARQUEE scrollAmount=3 direction=right width="100%" height=400> <TABLE height=400 cellSpacing=0 cellPadding=0 width="100%" align=center background=图片2地址 border=0> <TBODY> <TR> <TD></TD></TR></TBODY></TABLE></MARQUEE></MARQUEE> </TD></TR></TBODY></TABLE></TD> <TD width="50%"> <TABLE height=0 cellSpacing=0 cellPadding=0 width="100%" align=center border=0> <TBODY> <TR> <TD> <MARQUEE scrollAmount=3 direction=right behavior=slide width="100%" height=400> <MARQUEE scrollAmount=3 width="100%" height=400> <TABLE height=400 cellSpacing=0 cellPadding=0 width="100%" align=center background=图片3地址 border=0> <TBODY> <TR> <TD></TD></TR></TBODY></TABLE></MARQUEE></MARQUEE> </TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
说明:
以上图片移动的合成,实际上就是表格代码与图片移动代码的组合运用。要注意的是:
1、图片的尺寸:图片1是大图(底图,不移动),图片2、图片3是尺寸相同的小图(移动图)。在横幅效果图里,小图的高度与大图一样,宽度是大图的一半,左右排列;在竖幅效果图里,小图的宽度与大图一样,高度是大图的一半,上下排列。要分别制出横表格和竖表格。
2、两个小图的移动方向是相反的,如横幅:图2的移动代码是“左、右”,那么,图3就是“右、左”;如竖幅:图2的移动代码是“上、下”,则图3就是“下、上”。 direction=left(可省去)、right、up、down。两个小图的移动速度必须一致,保持同步。
以上是第一个效果图的代码,按着“左、右”“右、左”,“上、下”“下、上”的规则,不难做出其他移动合成图。
运用表格、移动代码,还可做出更多个图的组合移动。
|