武当休闲山庄 -> HTML教材区 -> 简易教程三  美化你的帖子，教你随心所欲地在图片上插入FLASH. [打印本页] 登录 -> 注册 -> 回复主题 -> 发表主题

飞雪思函 2008-06-25 15:10

飞雪思函 2008-06-25 15:44
实例代码如下：


<DIV style="LEFT: -30px; WIDTH: 681px; POSITION: relative; TOP: 80px">
<TABLE style=" ridge" height=900 cellSpacing=0 cellPadding=0 width=681 background=http://p2.iecool.com/photo/p/1%20(1)/cd2_291.jpg border=14>
<TBODY>
<TR>
<TD width="100%" height=433>

<EMBED style="LEFT: 0px; WIDTH: 681px; POSITION: absolute; TOP: 210px; HEIGHT: 130px" align=left src=http://imgfree.21cn.com/free/flash/59.swf width=690 height=130 type=application/octet-stream wmode="transparent" quality="high" ;;></EMBED>

<EMBED style="LEFT: 50px; WIDTH: 681px; POSITION: absolute; TOP: 600px; HEIGHT: 200px" align=right src=http://www.muqin.com.cn/upload/forum/2005111506392315.swf  width=490 height=200 type=application/octet-stream wmode="transparent" quality="high" ;;>

<EMBED style="LEFT:100px; WIDTH: 681px; POSITION: absolute; TOP: 630px; HEIGHT: 230px" align=right src=http://www.blog286.com/upfile/flash/070809/07.swf width=340 height=230 type=application/octet-stream wmode="transparent" quality="high" ;;></EMBED>

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

飞雪思函 2008-06-25 15:51
现在讲一讲如何在图片上添加FLASH，和它的定位~~

看到图片，是否觉得很奇怪呀，怎么可以插入这么多FLASH? 呵呵，仔细观察代码，其实这些FLASH的插入全凭"TOP"这个标签哟，这个标签的意义就是你的帖子与IE的垂直距离。

在本例中，这个标签有三个值:TOP: 210px; TOP: 600px; TOP: 630px;  本例也就是通过这三个值把FLASH定位在了想放的地方！另外，LEFT: 0px,LEFT: 50px,LEFT: 100px,这个标签是左距，做过宽屏帖的朋友应该懂得这个值的含义！他也可以根据需要改变的，还有宽WIDTH: 690px和高height,这里的宽的参数就是帖子背景图片的宽，高呢，也就是你想把这个FLASH指定多高啦，注意，本例中的height这个参数有三个哟，height：130，height：200，height：230，最关键的一句话，这些参数都是可以改变的！

　　现在你懂了吗？不管懂或没懂，那么请大家参考本例，试试吧，不要怕试帖，只有试了自己才能掌握哟~~

　　本例也就是所谓的绝对定位ＦＬＡＳＨ．其实这个＂绝对＂也是在＂相对＂中运用的啦！呵呵，任何事物都是相辅相成的哟！

飞雪思函 2008-06-25 16:28

飞雪思函 2008-06-25 16:34
　　还有朋友曾经给我消息，问我在图片中怎么加入ＦＬＡＳＨ，这里还有一种插入方法．这种方法是针对多图片的代码帖运用！

上图示范代码：

<TABLE height=480 cellSpacing=0 cellPadding=0 width=600 align=center background=http://www.luobo.cc/attachment/54_30623_01880a082a82fd4.jpg border=0>
<TBODY>
<TR>
<TD><EMBED align=right src=http://www.blog286.com/upfile/flash/070809/07.swf  width=600 height=480 type=application/octet-stream wmode="transparent" quality="high" ;;>
</TD></TR></TBODY></TABLE>

注意观察高．宽的参数哟，其实高和宽的参数也可以改变的！

改变的数值在图片的范围内！

试试吧~~

红雪莲 2008-06-26 15:56
学习下!非常感谢

凉风友情 2008-06-26 19:15
感谢美女的专业指导教程。

永和安 2008-07-26 14:26



学习了,感谢楼主的分享.

artuj 2008-07-27 15:26

bannyby 2008-08-06 19:50
请教具体如何制作，如是否在这里的“新贴”里发贴，我觉得不行，请楼主赐教！

84381348 2008-08-15 12:36
明白了、谢谢

ojy710 2008-08-27 13:02
看到代码就头痛，这个可以试试

yhlwcf 2008-10-03 19:57

wds5786541 2008-10-05 20:39
<DIV style="LEFT: -30px; WIDTH: 681px; POSITION: relative; TOP: 80px">
<TABLE style=" ridge" height=900 cellSpacing=0 cellPadding=0 width=681 background=http://p2.iecool.com/photo/p/1%20(1)/cd2_291.jpg border=14>
<TBODY>
<TR>
<TD width="100%" height=433>

<EMBED style="LEFT: 0px; WIDTH: 681px; POSITION: absolute; TOP: 210px; HEIGHT: 130px" align=left src=http://imgfree.21cn.com/free/flash/59.swf width=690 height=130 type=application/octet-stream wmode="transparent" quality="high" ;;></EMBED>

<EMBED style="LEFT: 50px; WIDTH: 681px; POSITION: absolute; TOP: 600px; HEIGHT: 200px" align=right src=http://www.muqin.com.cn/upload/forum/2005111506392315.swf  width=490 height=200 type=application/octet-stream wmode="transparent" quality="high" ;;>

<EMBED style="LEFT:100px; WIDTH: 681px; POSITION: absolute; TOP: 630px; HEIGHT: 230px" align=right src=http://www.blog286.com/upfile/flash/070809/07.swf width=340 height=230 type=application/octet-stream wmode="transparent" quality="high" ;;></EMBED>

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

lxm3830 2008-10-15 17:07


查看完整版本: [-- 简易教程三  美化你的帖子，教你随心所欲地在图片上插入FLASH. --] [-- top --]


Powered by PHPWind v5.3 Code © 2003-05 PHPWind
Gzip enabled

You can contact us

沪ICP备:05041533号