代码: <table style="left: 0px; top: 0px; width: 600px; position: relative;" id="table1"> <tbody> <tr> <td><img border="0" src="http://image59.360doc.com/DownloadImg/2013/03/3117/31321545_3.jpg" width="600" height="400"> <div style="left: 3px; top: -35px; position: absolute;" class="divBorderStyle" height="485" width="630"> <embed height="485" type="application/octet-stream" width="630" src="http://xt./106939/uploadpic/2009062815534826113.swf" allowNetworking="internal" allowScriptAccess="never" quality="high" invokeurls="false" wmode="transparent"></div> </td></tr></tbody></table> 制作方法: 1、设置一个表格,表格标签中要设置“相对定位代码”left: 0px; top: 0px; width: 600px; position: relative,相对定位代码的“居上值”与“居左值”一般都设置为0px。这样就把表格作为了放置相片与动画图片相框的“容器”。 2、单元格中放入相片。相片最好选择“宽度大于高度”的且“相片中的人物在中间”的图片。 3、相片的下面设置一个块区,然后放入动画图片。 4、块区标签中要设置“绝对定位代码”left: 3px; top: -35px; position: absolute,绝对定位代码的“居上值”与“居左值”可以调试。块区标签中设置的“宽度与高度”要与动画图片的规格相一致,要比“相片的宽度与高度”都大一些。 5、最后用表格的一套尾标签收尾。 2013年4月1日于北京
|
|