特效图片合成代码 - 闲散人也的日志 - 网易博客

特效图片合成代码

博客制做 2008-10-08 18:55:33 阅读526 评论8 字号：大中小

 

 

一般滚动图的头尾中间有断隙，一个巡环后等于从头另来，断续感影响画面完整，下面介绍的代码可消除间隙，改动代码方向及排续可产生不同效果，掌握其原理后的运用在自己。

★1

 

 

代码：

<TABLE height=图片高度 cellPadding=0 width=图片宽度 background=图片地址 border=0>

<TBODY>

<TR>

<TD>

<DIV>

<MARQUEE scrollAmount=4 direction=right width=图片宽度 图片高度=450>

<MARQUEE scrollAmount=4 width=图片宽度 图片高度=450><IMG style="FILTER: alpha WIDTH: 600px; HEIGHT: 450px" height=450 src="图片地址" width=600></MARQUEE></MARQUEE>

 </TD></TR></TBODY></TABLE>

★2

 

代码：

 <TABLE height=图片高度 cellPadding=0 width=图片宽度 background=图片地址 border=10>
<TBODY>
<TR>
<TD>
<P></P>
<MARQUEE scrollAmount=4 direction=down width=图片宽度 height=图片高度>
<MARQUEE scrollAmount=4 direction=up width=图片宽度 height=图片高度><IMG src="图片地址" border=10></MARQUEE></MARQUEE></P>
</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

★3

 

 

 

代码：

<TABLE height=图片高度 cellPadding=0 width=图片宽度 align=center background=图片地址border=10>
<TBODY>
<TR>
<TD>
<P></P>
<MARQUEE scrollAmount=4 width=图片宽度 height=图片高度>
<MARQUEE scrollAmount=4 direction=right width=图片宽度 height=图片高度><IMG src="图片地址" border=10></MARQUEE></MARQUEE></P>
</P>
</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></P>

★4

 

代码：

<TABLE height=图片高度 cellPadding=0 width=图片宽度 align=center background=图片地址 border=10>
<TBODY>
<TR>
<TD>
<P></P>
<MARQUEE scrollAmount=4 direction=up width=图片宽度 height=图片高度>
<MARQUEE scrollAmount=4 direction=down width=图片宽度 height=图片高度><IMG src="图片地址" border=10></MARQUEE></MARQUEE>

★5

 

代码：

<MARQUEE scrollAmount=3 behavior=alternate><P align=left><IMG src="图片地址></P></MARQUEE></P><P style="MARGIN-TOP: -520px; MARGIN-LEFT: 10px"></P><MARQUEE scrollAmount=3 direction=right behavior=alternate><P align=left><IMG style="FILTER: Alpha(Opacity=50)" src="图片地址"></P></MARQUEE>