心然兔兔 发表于 2008-3-22 13:00

怎样在一张背景图片上放多个透明flash动画

<DIV style="LEFT: -100px; WIDTH: 800px; POSITION: relative; TOP: -10px; HEIGHT: 630px">
<DIV class="g_t_center g_c_pdin g_p_center c07 content" id=blogtext__fks__IvPp-gfvvpt8CNjVjmGm3_r85Y_uXnp style="WIDTH: 760px">
<TABLE cellSpacing=0 borderColorDark=#b1606c cellPadding=0 width="100%" align=center borderColorLight=#f3c1c9 background=http://xueery.16789.net/s-helpSite/domName/xueery/20061922362630606.jpg border=1>
<TBODY>
<TR>
<TD width="100%">
<TABLE cellSpacing=0 borderColorDark=#b1606c cellPadding=0 width="100%" align=center borderColorLight=#ff0000 background=地址 border=1>
<TBODY>
<TR>
<TD width="100%">
<DIV align=center>
<TABLE cellSpacing=25 borderColorDark=#800000 cellPadding=25 width=430 borderColorLight=#ff69b4 background=http://www.yyly8.com/yy/10/sucai/touminghua/291.gif border=0>
<TBODY>
<TR>
<TD width="100%">
<DIV align=center>
<TABLE borderColor=#111111 cellSpacing=4 cellPadding=0 width=328 background=http://www.616bbs.com/picture/xx9/bj/ltbj3/9.jpg border=1>
<TBODY>
<TR>
<TD width="100%">
<DIV align=center>
<TABLE cellSpacing=0 borderColorDark=#b1606c cellPadding=0 width=534 align=center borderColorLight=#f3c1c9 background=http://xueery.16789.net/s-helpSite/domName/xueery/20061922362630606.jpg border=1>
<TBODY>
<TR>
<TD width="100%">
<P align=center> <FONT face="Arial Black" color=#cc99ff size=3> <FONT color=#ff0000><STRONG>怎样在一张背景图片上放多个透明flash动画</STRONG></FONT></FONT></P></FONT>                                                                              <A href="http://blog.163.com/gsd_432427/" target=_blank><STRONG><FONT color=#ff0000 size=4>心然兔兔编写</FONT></STRONG></A>
<P><A href="http://blog.163.com/gsd_432427/album/prevPhoto.do?photoId=_fks_aGd9gXuMG3pt-Vgy_xbv110yG3aH9Ie6" target=_blank></A></P>
<P>一、首先认清代码:<FONT color=#ff0000>红色代码</FONT>是背景图片的边框代码(也就是一个方框表格),后面的红色代码是边框代码的结束标记,<FONT color=#000000><STRONG>黑色代码</STRONG></FONT>(包括蓝色代码)是透明flash动画代码,会看的人一看就明白----就是把flash动画代码放在<FONT color=#ff0000>边框代码和结束标记</FONT>之间.</P>
<P><FONT color=#ff0000>&lt;P align=center&gt;<BR>&lt;TABLE style="WIDTH: 460px; HEIGHT: 336px" height=336 cellPadding=0 width=460 align=center background=<FONT color=#ff00ff>背景图片地址</FONT> border=0&gt;<BR>&lt;TBODY&gt;<BR>&lt;TR&gt;<BR>&lt;TD&gt;</FONT></P>
<P>&lt;EMBED <FONT color=#0000ff>align=right</FONT> src=透明flash动画地址 width=350 height=300 type=application/x-shockwave-flash wmode="transparent" quality="high"&gt;</P>
<P><FONT color=#ff0000>&lt;/TD&gt;&lt;/TR&gt;&lt;/TBODY&gt;&lt;/TABLE&gt;</FONT></P>
<P>二、怎样在一张背景图片上放多个透明flash动画呢?</P>
<P>    1、如果只放一层透明flash动画,动画代码中的<FONT color=#0000ff>align=right</FONT> 就可以删去不要;</P>
<P>    2、如果要在背景图片上放几个透明flash动画,那就将动画代码复制粘贴几次依次排列于后,切记,复制粘贴的动画代码中,src的前面必须加上<FONT color=#0000ff>align=right</FONT> ,否则几个动画就不是叠放的了,那就会按上、中、下的顺序依次排列了,这个<FONT color=#0000ff>align=right</FONT> 代码是叠放的关键;</P>
<P>    3、代码复制粘贴好后,就选择你喜欢的图片网址粘贴在<FONT color=#ff00ff>背景图片地址</FONT><FONT color=#000000>处,选择你喜欢的动画地址依次粘贴在</FONT><FONT color=#ff00ff>透明flash动画地址</FONT><FONT color=#000000>处;</FONT></P>
<P>    4、如果宽度(width)和高度(height)不合,就调一下它们的值,背景图片的高度和宽度在红色代码中调,动画的高度和宽度在黑色代码中调。</P>
<P>三、下面是一段准备放4层透明flash动画的代码:</P>
<P><FONT color=#ff0000>&lt;P align=center&gt;<BR>&lt;TABLE style="WIDTH: 460px; HEIGHT: 336px" height=336 cellPadding=0 width=460 align=center background=<FONT color=#ff00ff>背景图片地址</FONT> border=0&gt;<BR>&lt;TBODY&gt;<BR>&lt;TR&gt;<BR>&lt;TD&gt;</FONT></P>
<P>&lt;EMBED <FONT color=#0000ff>align=right</FONT> src=透明flash动画地址 width=350 height=300 type=application/x-shockwave-flash wmode="transparent" quality="high"&gt;</P>
<P>&lt;EMBED <FONT color=#0000ff>align=right</FONT> src=透明flash动画地址 width=350 height=300 type=application/x-shockwave-flash wmode="transparent" quality="high"&gt;</P>
<P>&lt;EMBED <FONT color=#0000ff>align=right</FONT> src=透明flash动画地址 width=350 height=300 type=application/x-shockwave-flash wmode="transparent" quality="high"&gt;</P>
<P>&lt;EMBED <FONT color=#0000ff>align=right</FONT> src=透明flash动画地址 width=350 height=300 type=application/x-shockwave-flash wmode="transparent" quality="high"&gt;</P>
<P><FONT color=#ff0000>&lt;/TD&gt;&lt;/TR&gt;&lt;/TBODY&gt;&lt;/TABLE&gt;</FONT></P>
<P><FONT color=#000000>四、看看效果:<A href="http://blog.163.com/gsd_432427/" target=_blank><STRONG><FONT color=#ff0000 size=4>心然兔兔编写</FONT></STRONG></A></FONT><STRONG><FONT color=#ff0000 size=4> </FONT></STRONG></P>
<P align=center>
<TABLE style="WIDTH: 460px; HEIGHT: 336px" height=336 cellPadding=0 width=460 align=center background=http://bhct.e-marry.cn/user_files/2007-9/3/2740/photo/e-marry_cn_2740_20079483342.JPG border=0>
<TBODY>
<TR>
<TD><EMBED align=right src=http://imgfree.21cn.com/free/flash/113.swf width=350 height=300 type=application/x-shockwave-flash quality="high" wmode="transparent" allowNetworking="internal" allowScriptAccess="never"> <EMBED align=right src=http://imgfree.21cn.com/free/flash/51.swf width=450 height=300 type=application/x-shockwave-flash quality="high" wmode="transparent" allowNetworking="internal" allowScriptAccess="never"> <EMBED align=right src=http://imgfree.21cn.com/free/flash/9.swf width=350 height=200 type=application/x-shockwave-flash quality="high" wmode="transparent" allowNetworking="internal" allowScriptAccess="never"> <EMBED align=right src=http://imgfree.21cn.com/free/flash/92.swf width=450 height=300 type=application/x-shockwave-flash quality="high" wmode="transparent" allowNetworking="internal" allowScriptAccess="never"> </TD></TR></TBODY></TABLE></P>
<P align=center><FONT size=0>    </FONT><FONT face=隶书 color=#ff0000 size=5><STRONG>幸福的地方----爱情目的地</STRONG></FONT></P>
<P align=center><A href="http://blog.163.com/gsd_432427/album/prevPhoto.do?photoId=_fks_FpnbXt_ocyGwBZgxd36DFNtF-HNSFKnn" target=_blank></A></P>
<P align=center><FONT face="Arial Black" color=#cc99ff size=3></FONT></P></FONT></TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE>
<DIV></DIV></TD></TR></TBODY></TABLE></DIV><BR><BR><BR><BR>

[ 本帖最后由 玄妙不言 于 2008-4-4 23:19 编辑 ]

玄妙不言 发表于 2008-3-22 13:15

呵呵!来学习一下心然小老师发的教程。 辛苦!

小白兔 发表于 2008-3-22 13:22

心然这个教程写的不错

啪啪作响 发表于 2008-3-22 17:21

不错不错,学习了!

ywwx 发表于 2008-3-25 13:50

太好了,谢谢楼主,不过动画放多了显得太乱了。

祝福 发表于 2008-3-25 15:27

在表格里定位不精确~不如CSS的定位!

姜祖利 发表于 2008-3-25 19:36

呵呵,的确很漂亮哦,一定好好学习

娇娇公子 发表于 2008-3-25 19:48

试试

<P align=center>
<TABLE style=\"WIDTH: 505px; HEIGHT: 510px\" height=510 cellPadding=0 width=505 align=center background=http://www.gosoho.cn/upfile/20079271536080.jpg border=0>
<TBODY>
<TR>
<TD>

<EMBED align=right src=http://xzxnl1.blog.enorth.com.cn/attachment/flash/246967.swf width=550 height=300 type=application/x-shockwave-flash wmode=\"transparent\" quality=\"high\">

<EMBED align=right src=http://xzxnl1.blog.enorth.com.cn/attachment/flash/224680.swf width=550 height=300 type=application/x-shockwave-flash wmode=\"transparent\" quality=\"high\">
<EMBED align=right src=http://xzxnl1.blog.enorth.com.cn/attachment/flash/224609.swf

width=450 height=300 type=application/x-shockwave-flash wmode=\"transparent\" quality=\"high\">

<EMBED align=right src=http://xzxnl1.blog.enorth.com.cn/attachment/flash/224405.swf width=550 height=200 type=application/x-shockwave-flash wmode=\"transparent\" quality=\"high\">

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

[ 本帖最后由 娇娇公子 于 2008-3-25 19:51 编辑 ]

雄杰独倚 发表于 2008-3-26 19:31

回复 8# 的帖子

你好棒~

雄杰独倚 发表于 2008-3-26 19:33

贴里多出了很多&lt;DIV&gt;&lt;/DIV&gt;&lt;/TD&gt;&lt;/TR&gt;&lt;/TBODY&gt;&lt;/TABLE&gt;<BR>

[ 本帖最后由 小二 于 2008-3-26 19:34 编辑 ]
页: [1] 2 3 4 5 6 7
查看完整版本: 怎样在一张背景图片上放多个透明flash动画