分享

如何在图片上添加FLASH

 兰黛公主 2011-12-21
 
 



 

 
上图的代码及剖析(构造): 
 
完整代码如下:
<DIV align=center>
<TABLE 
width=360  cellSpacing=0 cellPadding=0 height=641  align=center background=
 

http://image48.360doc.com/DownloadImg/2011/12/2114/20193127_2.jpg 
 border=0>
<TBODY>
<TR>
<TD width="100%"><EMBED align=right src=
 
http://imgfree.21cn.com/free/flash/5.swf
 
 width=350 height=600
 
 type=application/octet-stream quality="high" wmode="transparent" allowNetworking="internal" allowScriptAccess="never"> <EMBED align=right src=
 
http://yf./toumingflash/02/027.swf
 
 width=350 height=600
 
 type=application/octet-stream quality="high" wmode="transparent" allowNetworking="internal" allowScriptAccess="never"></EMBED> </EMBED>
<P></P>
<DIV align=center>
<MARQUEE style="
 
WIDTH: 350px; HEIGHT: 600px
 
" scrollAmount=2 direction=up height=200><BR><BR></B></FONT>
<CENTER></CENTER></MARQUEE></DIV></TD></TR></TBODY></TABLE></DIV>
 
 
代码剖析(构造): 
 
<DIV align=center>      ===置中代码。(图片的显示位置)
<TABLE
width=360 cellSpacing=0 cellPadding=0  height=641   ===背景图的宽与高!width=宽  height=高
 align=center background=
http://image48.360doc.com/DownloadImg/2011/12/2114/20193127_2.jpg 
    ===上面的图片(底图)。
 border=0>
<TBODY>
<TR>
<TD width="100%"><EMBED align=right src=
http://imgfree.21cn.com/free/flash/5.swf         ===上面的白色小流星 FLASH。
 width=350 height=600       ===FLASH 的宽与高!width=宽  height=高
 type=application/octet-stream allowScriptAccess="never" allowNetworking="internal"
wmode="transparent" quality="high"> <EMBED align=right src=
 
http://yf./toumingflash/02/027.swf      ===上面的红色心形 FLASH。
 width=350 height=600       ===FLASH 的宽与高!width=宽   height=高
 type=application/octet-stream allowScriptAccess="never" allowNetworking="internal"
wmode="transparent" quality="high"> (添加代码处) </EMBED> </EMBED>
<P></P>
<DIV align=center>
<MARQUEE style="
WIDTH: 350px; HEIGHT: 600px       ===图片与 FLASH 整个显示的宽与高!
" scrollAmount=2 direction=up height=200><BR><BR></B></FONT>
<CENTER></CENTER></MARQUEE></DIV></TD></TR></TBODY></TABLE></DIV>
 
 
 
代码的应用方法。
 

  梯子 -奋于征途

(这是要用的背景图片)

其实,最应该注意的就是代码中的好几个宽与高的设置,其余的可以保持不变width=宽  height=高

(当然, 背景图片(底图)及 FLASH 可以用自己喜欢的进行置换

把鼠标移到这个要用的背景图片上面,按右键---点击栏目里的“属性”;

可以看到:
地址:http://image48.360doc.com/DownloadImg/2011/12/2114/20193127_2.jpg 
 ==上面图片的网络地址。
尺寸:360 x 641   pixels(像素)      【360宽   641高】
 
 
重点:
背景图片代码:width=360  cellSpacing=0 cellPadding=0  height=641  ===背景图的宽与高可以认真“填写”,少一滴点也行!
 
重点中的重点是:
FLASH 代码:width=350 height=600       ===FLASH 的宽与高!可以看到 FLASH的宽与高明显小于背景图片的宽与高! 这是因为FLASH 的宽与高如果与背景图片一样,就会导致图片效果极不好看,反正小10到50像素是不要紧的,大背景图片小100像素都不要紧的。
 
 
设置:采用 width=350 height=600    ===在FLASH 的宽与高设置中都可以设置成一样。
(我这里把后面三个宽与高设置好)
总共四个宽与高要设置!第一个是用于背景图片的!
 
 
 
 
如果要在一个图片里加入三四个FLASH:
 
只要将代码:
<EMBED align=right src=
 
http://yf./toumingflash/02/027.swf
 
 width=350 height=600
 
 type=application/octet-stream quality="high" wmode="transparent" allowNetworking="internal" allowScriptAccess="never"></EMBED>
 
 添加到(添加代码处)的那个位置!
 
注意,原始复制要复制最上面的那个代码;第二个代码中间有大量的文字,用来标明代码构造的!
 
 
 





上面图片的完整代码如下:
 
 <DIV align=center>
<TABLE
width=690  cellSpacing=0 cellPadding=0 height=517
 align=center background=
http://image48.360doc.com/DownloadImg/2011/12/2114/20193127_3.jpg  border=0>
<TBODY>
<TR>
<TD width="100%"><EMBED align=right src=
http://imgfree.21cn.com/free/flash/5.swf
 width=450 height=400
 type=application/octet-stream allowScriptAccess="never" allowNetworking="internal"
wmode="transparent" quality="high"> <EMBED align=right src=
http://yf./toumingflash/02/027.swf
 width=650 height=480
 type=application/octet-stream allowScriptAccess="never" allowNetworking="internal"
wmode="transparent" quality="high"><EMBED align=right src=
 
http://www./flash/11/1/woso4_flash_18.swf
 
 width=650 height=480
 
 type=application/octet-stream quality="high" wmode="transparent" allowNetworking="internal" allowScriptAccess="never"></EMBED> </EMBED></EMBED>
<P></P>
<DIV align=center>
<MARQUEE style="
WIDTH: 650px; HEIGHT: 480px
" scrollAmount=2 direction=up height=200><BR><BR></B></FONT>
<CENTER></CENTER></MARQUEE></DIV></TD></TR></TBODY></TABLE></DIV>
 
 

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多