代码：
<TABLE style="Z-INDEX: 1; POSITION: relative; WIDTH: 746px; HEIGHT: 1000px; TOP: 0px; LEFT: 0px" border=0 cellSpacing=0 cellPadding=0 background=地址 align=center>
<TBODY> <TR>
<TD style="Z-INDEX: 1; POSITION: relative; WIDTH: 746px; HEIGHT: 1000px; TOP: 0px; LEFT: 0px" background=地址 align=center cellPadding="0" cellSpacing="0" border="0"><IMG border=0 alt="" src="http://image59.360doc.com/DownloadImg/2013/02/2108/30438681_7.jpg" width=746>
<DIV style="POSITION: absolute; TOP: 0px; LEFT: 0px" class=divBorderStyle>
<DIV style="WIDTH: 400px">
<MARQUEE>
<TABLE style="BACKGROUND-IMAGE: url(http://image59.360doc.com/DownloadImg/2013/02/2108/30438681_7.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=1119>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE></MARQUEE></DIV></DIV>
<DIV style="POSITION: absolute; TOP: 0px; LEFT: 400px" class=divBorderStyle>
<DIV style="FILTER: flipH; WIDTH: 400px">
<MARQUEE>
<TABLE style="BACKGROUND-IMAGE: url(http://image59.360doc.com/DownloadImg/2013/02/2108/30438681_7.jpg); FILTER: alpha(opacity=100,style=2)" title=http://1969707039.qzone.qq.com/ border=0 cellSpacing=0 borderColor=#cccccc cellPadding=0 width=746 bgColor=#aaaaaa align=center height=1119>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE></MARQUEE></DIV></DIV>
<DIV style="Z-INDEX: 1; POSITION: absolute; WIDTH: 746px; TOP: 0px; LEFT: 0px" class=divBorderStyle><EMBED style="WIDTH: 746px; HEIGHT: 1000px" height=700 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> |
代码解析：
1、设置一个表格，表格标签中要设置相对定位代码，相对定位代码的居上值与居左值都设置为opx，并设置居中的水平对齐方式。这样就把表格的上边框定位在了浏览器窗口上边缘的正中间。
2、表格的列标签中要设置相对定位代码，相对定位代码的居上值与居左值都设置为opx，这样就把单元格定位在了表格中的正常位置。然后在单元格内放置一个普通图片。
3、设置两个重叠的块区标签。其中一个块区标签中设置绝对定位代码，绝对定位代码的居上值与居左值都设置为opx，这样块区的定位参考点就定位在了单元格左上角的起点处。另一个块区标签中设置块区的宽度。块区内放入内容：移动图片。移动图片是以背景图片的形式设置在表格标签在的羽化滤镜图片。
4、再设置两个重叠的块区标签。其中一个块区标签中照常设置绝对定位代码，绝对定位代码的居上值与居左值都设置为opx，这样块区的定位参考点就定位在了单元格左上角的起点处。另一个块区标签中设置水平翻转滤镜样式。块区内放入内容：移动图片。移动图片是以背景图片的形式设置在表格标签在的羽化滤镜图片。
5、再设置一个块区标签。块区标签在中照常设置绝对定位代码，绝对定位代码的居上值与居左值都设置为opx。块区内放入内容：动画图片。
6、这样，就把四个图片放置到同一位置重叠起来了。那个正常的图片，其位置是固定的；那个羽化图片是向左移动的；那个水平翻转图片是向右移动的；那个动画图片，以其本身的方式运动。至此，就可以用“表格的列尾标签”与“表格的行尾标签”收尾了。
7、要增加此类移动图片的个数，只需复制上面代码中一行的代码（红色字体部分），粘贴在表格的主体尾标签的前面即可。
8、相对定位与绝对定位样式的应用，其要点是：在总表格的表格标签和列标签中要设置相对定位样式，在放入各个具体内容的块区标签中要设置绝对定位样式。
