分享

用动画图片作相框

 春天没来 2013-04-01












代码:
<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日于北京

    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多