分享

多图移动合成代码

 永生道人 2011-09-03
多图移动合成代码  

2011-08-21 14:48:48|  分类: 博客制做 |  标签: |字号 订阅

 

多图移动合成代码


 

★1

欢 迎

 

光 临

 

★2

★3

欢 迎

 

光 临

 

★4

欢 迎

 

光 临

 

★5

欢 迎

 

光 临

 

★6

 

代码:

<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。两个小图的移动速度必须一致,保持同步。

以上是第一个效果图的代码,按着“左、右”“右、左”,“上、下”“下、上”的规则,不难做出其他移动合成图。

运用表格、移动代码,还可做出更多个图的组合移动。

此外,为了使图面更富有变化,在此基础上还可制作特效,如上面第二图经过特效处理的另一种效果:

 

代码:

<TABLE borderColor=#930093 height=0 cellSpacing=3 cellPadding=0 width=0
align=center bgColor=#000000 border=6>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#900000 height=400 cellSpacing=0 cellPadding=0 width=600
align=center bgColor=#000000 background=
http://image35.360doc.com/DownloadImg/2011/09/0314/16960475_20.jpg border=0>
<TBODY>
<TR>
<TD>
<MARQUEE scrollAmount=5 width=600>
<IMG title="2011年08月23日 - 闲散人也 - ." style="FILTER: Alpha(Opacity=50)" src="http://image35.360doc.com/DownloadImg/2011/09/0314/16960475_1.jpg">
</MARQUEE></P>
<P style="MARGIN-TOP: -410px; MARGIN-LEFT: 0px">
<MARQUEE scrollAmount=5 direction=right width=600>
<IMG style="FILTER: Alpha(Opacity=50)"
src=http://image35.360doc.com/DownloadImg/2011/09/0314/16960475_2.jpg">
</MARQUEE></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

图片移动合成代码 - 闲散人也 - .

 

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

    0条评论

    发表

    请遵守用户 评论公约