|
教您制作特效图片
代码方法一：
<TABLE style="Z-INDEX: 1; POSITION: relative; WIDTH: 746px; HEIGHT: 750px; TOP: 0px; LEFT: 0px" border=0 cellSpacing=0 cellPadding=0 background=地址 align=center>
<TBODY>
<TR>
<TD><IMG border=0 alt="" src="http://image61.360doc.com/DownloadImg/2013/05/2706/32631667_1.jpg" width=746 height=750>
<DIV style="POSITION: absolute; WIDTH: 373px; TOP: 0px; LEFT: 0px" class=divBorderStyle>
<MARQUEE>
<TABLE style="BACKGROUND-IMAGE: url(http://image61.360doc.com/DownloadImg/2013/05/2706/32631667_1.jpg); FILTER: alpha(opacity=90,style=2)" title=http://1969707039.qzone.qq.com/ border=0 cellSpacing=0 borderColor=#cccccc cellPadding=0 width=746 bgColor=#aaaaaa align=center height=750>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE></MARQUEE></DIV>
<DIV style="POSITION: absolute; FILTER: flipH; WIDTH: 373px; TOP: 0px; LEFT: 373px" class=divBorderStyle>
<MARQUEE>
<TABLE style="BACKGROUND-IMAGE: url(http://image61.360doc.com/DownloadImg/2013/05/2706/32631667_1.jpg); FILTER: alpha(opacity=100,style=2)" title=http://1969707039.qzone.qq.com/ border=0 cellSpacing=0 borderColor=#cccccc cellPadding=0 width=750 bgColor=#aaaaaa align=center height=750>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE></MARQUEE></DIV>
<DIV style="Z-INDEX: 1; POSITION: absolute; WIDTH: 746px; TOP: 0px; LEFT: 0px" class=divBorderStyle><EMBED style="WIDTH: 746px; HEIGHT: 1000px" height=750 type=application/x-shockwave-flash pluginspage=http://www.macromedia.com/go/getflashplayer width=900 src=http://www.xcwhw.cn/fla/bb/hc/205.swf wmode="transparent" play="false" menu="false" loop="false" invokeurls="false" allowscriptaccess="never" allownetworking="none"> </DIV></TD></TR></TBODY></TABLE><BR>
代码简析：
表格标签中设置相对定位代码，设置表格的高度与宽度，单元格中放入一个图片。图片下面设置三个块区。前两个块区中各放入一个移动标签控制的表格，表格中放入同一地址的图片；第三个块区中放入一个动画图片。
前两个块区标签中都设置绝对定位代码，块区的宽度为图片宽度的一半，高度与图片的高度相同。第二个块区标签中添加左右翻转滤镜。前两个块区的表格标签中都设置透明度滤镜，背景图片的规格与表格的规格相同。
第三个块区也设置绝对定位代码，块区的规格与表格的规格相同，放入的动画图片的规格，可以根据动画图片在其网页中显示的不同位置而选择其规格，可以等于或者大于表格的规格。
代码方法二：
<TABLE style="Z-INDEX: 1; POSITION: relative; WIDTH: 746px; HEIGHT: 750px; TOP: 0px; LEFT: 0px" border=0 cellSpacing=0 cellPadding=0 background=地址 align=center>
<TBODY>
<TR>
<TD><IMG border=0 alt="" src="http://image61.360doc.com/DownloadImg/2013/05/2706/32631667_2.jpg" width=746 height=750>
<MARQUEE style="POSITION: absolute; WIDTH: 373px; HEIGHT: 750px; TOP: 0px; LEFT: 0px" class=divBorderStyle>
<DIV align=center bgColor="#aaaaaa" borderColor="#cccccc" border="0" cellSpacing="0" cellPadding="0"><IMG style="FILTER: alpha(opacity=100,style=2)" alt="" src="http://image61.360doc.com/DownloadImg/2013/05/2706/32631667_2.jpg"> </DIV></MARQUEE>
<MARQUEE style="POSITION: absolute; FILTER: flipH; WIDTH: 373px; HEIGHT: 750px; TOP: 0px; LEFT: 373px" class=divBorderStyle>
<DIV title="" align=center bgColor="#aaaaaa" borderColor="#cccccc" border="0" cellSpacing="0" cellPadding="0" height="750" width="750"><IMG style="FILTER: alpha(opacity=100,style=2)" alt="" src="http://image61.360doc.com/DownloadImg/2013/05/2706/32631667_2.jpg"> </DIV></MARQUEE>
<DIV style="Z-INDEX: 1; POSITION: absolute; WIDTH: 746px; TOP: 0px; LEFT: 0px" class=divBorderStyle><EMBED style="WIDTH: 746px; HEIGHT: 1000px" height=750 type=application/x-shockwave-flash pluginspage=http://www.macromedia.com/go/getflashplayer width=900 src=http://www.xcwhw.cn/fla/bb/hc/205.swf wmode="transparent" play="false" menu="false" loop="false" invokeurls="false" allowscriptaccess="never" allownetworking="none"> </DIV></TD></TR></TBODY></TABLE><BR>
代码简析：
表格标签中设置相对定位代码，设置表格的高度与宽度，单元格中放入一个图片。图片下面设置三个块区。前两个块区各由放入一个移动标签控制，块区中放入同一地址的图片,图片标签中设置透明度滤镜；第三个块区中放入一个动画图片。
两个移动标签中都设置移动屏幕的规格、绝对定位代码，第二个移动标签中添加左右翻转滤镜。移动屏幕的高度与表格的高度相同，宽度为表格宽度的一半。第一个移动标签的居上值与居左值都为0px，第二个移动标签的居上值为750px，居左值为375px。
第三个块区也设置绝对定位代码，块区的规格与表格的规格相同，放入的动画图片的规格，可以根据动画图片在其网页中显示的不同位置而选择其规格，可以等于或者大于表格的规格。
代码方法三：
<TABLE style="Z-INDEX: 1; POSITION: relative; WIDTH: 746px; HEIGHT: 750px; TOP: 0px; LEFT: 0px" border=0 cellSpacing=0 cellPadding=0 background=地址 align=center>
<TBODY>
<TR>
<TD><IMG border=0 alt="" src="http://image61.360doc.com/DownloadImg/2013/05/2706/32631667_3.jpg" width=746 height=750>
<MARQUEE style="POSITION: absolute; WIDTH: 373px; HEIGHT: 750px; TOP: 0px; LEFT: 0px" class=divBorderStyle><IMG style="FILTER: alpha(opacity=100,style=2)" alt="" src="http://image61.360doc.com/DownloadImg/2013/05/2706/32631667_3.jpg"></MARQUEE>
<MARQUEE style="POSITION: absolute; FILTER: flipH; WIDTH: 373px; HEIGHT: 750px; TOP: 0px; LEFT: 373px" class=divBorderStyle><IMG style="FILTER: alpha(opacity=100,style=2)" alt="" src="http://image61.360doc.com/DownloadImg/2013/05/2706/32631667_3.jpg"></MARQUEE>
<DIV style="Z-INDEX: 1; POSITION: absolute; WIDTH: 746px; TOP: 0px; LEFT: 0px" class=divBorderStyle><EMBED style="WIDTH: 746px; HEIGHT: 1000px" height=750 type=application/x-shockwave-flash pluginspage=http://www.macromedia.com/go/getflashplayer width=900 src=http://www.xcwhw.cn/fla/bb/hc/205.swf allownetworking="none" allowscriptaccess="never" invokeurls="false" loop="false" menu="false" play="false" wmode="transparent"> </DIV></TD></TR></TBODY></TABLE>
代码简析：方法3“删除”了方法2中两个移动标签控制的块区标签与其尾标签，使代码更加简洁。
说明：以上三种方法其显示效果都相同。代码中的图片，可以使用同一地址的图片，也可以使用不同地址的图片。
|
