使用遮罩图片制作多种效果图片特效【代码应用】一组效果

1.

2.

3.

4.

5.

代     码

<DIV align=center>

<TABLE border=1 cellSpacing=0 cellPadding=0 width=750 background=

http://image61.360doc.com/DownloadImg/2013/05/2913/32689862_9.jpg align=center height=480>

<TBODY>

<TR>

<TD style="FILTER: chroma(color=#000000)" background=

http://image61.360doc.com/DownloadImg/2013/05/2913/32689862_10.jpg>

<TABLE border=0 width=750 height=480>

<TBODY>

<TR>

<TD style="FILTER: chroma(color=#ffffff)">

<TABLE border=0 width=750 background=

http://image61.360doc.com/DownloadImg/2013/05/2913/32689862_11.gif height=490>

<TBODY>

<TR>

<TD><FONT style="FONT-SIZE: 24px" color=#00ff00><STRONG></STRONG></FONT></TD>

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

二组效果

2

3

4

代      码

<DIV align=center>

<TABLE style="POSITION: relative; WIDTH: 750px; TOP: 0px; LEFT: 0px"

cellSpacing=0 background=background:#transparent align=center>

<TBODY>

<TR>

<TD>

<DIV align=center>

<TABLE border=0 cellSpacing=0 cellPadding=0 width=750 background=

http://image61.360doc.com/DownloadImg/2013/05/2913/32689862_28.jpg height=480>

<TBODY>

<TR>

<TD style="FILTER: chroma(color=#ffffff)" background=

http://image61.360doc.com/DownloadImg/2013/05/2913/32689862_29.jpg>

<TABLE border=0 cellSpacing=0 cellPadding=0 width=750 height=480>

<TBODY>

<TR>

<TD><STRONG><FONT style="FONT-SIZE: 24px" color=#00ff00><IMG src="

http://image61.360doc.com/DownloadImg/2013/05/2913/32689862_3.gif" width=780>

</FONT></STRONG></TD></TR></TBODY></TABLE></TD></TR>

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

三组效果

1

2

3

代     码

<DIV align=center>

<TABLE cellSpacing=0 width=750 background=

http://image61.360doc.com/DownloadImg/2013/05/2913/32689862_29.jpg height=480>

<TBODY>

<TR>

<TD style="FILTER: chroma(color=#000000)" background=

http://image61.360doc.com/DownloadImg/2013/05/2913/32689862_32.jpg>

<TABLE border=0 width=750 height=480>

<TBODY>

<TR>

<TD style="FILTER: chroma(color=#ffffff)">

<TABLE border=0 width=742 background=

http://image61.360doc.com/DownloadImg/2013/05/2913/32689862_33.gif height=480>

<TBODY>

<TR>

<TD><STRONG><FONT style="FONT-SIZE: 24px" color=#00ff00></FONT></STRONG>

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

可以更换背景二幅图片，尺寸根据使用图片来决定，

遮罩图片不用更换，如果有其他遮罩图片可以更换。