注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

季候之风的博客

────没有做不到,只有想不到!

 
 
 

日志

 
 

【菜鸟玩博】给图片添加透明Flash方法及代码(原)  

2008-05-02 23:38:29|  分类: 博客制作 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

 

给图片添加透明Flash
图文编辑:季候之风

 

 

    重要说明:全文代码中带红色背景的地址为图片地址,带黄色背景的地址为透明Flash地址,带绿色背景的地址为背景Flash地址,均可根据自己需要更换;带浅红色背景的代码为图片的宽度和高度,带浅黄色背景的代码为透明Flash的宽度和高度,带浅绿色背景的代码为背景Flash的宽度和高度,带浅蓝色背景的代码为表格的宽度和高度,可根据实际需要调整设置。
    一、无边框图片添加透明Flash及代码
    要点提示:给图片添加透明Flash是通过表格代码来实现的。其要点是将图片设置为表格的背景图片,再将透明Flash放置在表格的单元格里。
(一)原始图片样式

【菜鸟玩博】给图片添加透明Flash方法及代码(原) - 季候之风 - 季候之风音画素材阁

 

(二)添加一层Flash及代码

☆本例代码及说明☆
本例代码
<TABLE borderColor=#008000 height=375 cellSpacing=0 cellPadding=0 width=500 align=center background=http://img.photo.163.com/rNwwKLIggbW9cEXwxUc3ZQ==/1757248279604659301.jpg border=1>
<TBODY>
<TR>
<TD>
<P align=center><EMBED src=http://www.wosowoso.com/flash/11/2/woso7_flash_10.swf width=495 height=225 type=application/x-shockwave-flash wmode="transparent" quality="high"></P></TD></TR></TBODY></TABLE>
代码说明
 1、选择自己喜欢的图片及合适的透明Flash,复制其地址并替换代码中的相应地址。
 2、根据图片的宽度和高度设置表格的宽度和高度,两者之值应一致。
 3、合理设置透明Flash的对齐方式align以及宽度和高度值(应小于图片的宽和高)。

 

(三)添加两层透明Flash及代码

☆本例代码及说明☆
本例代码
<TABLE borderColor=#008000 height=375 cellSpacing=0 cellPadding=0 width=500 align=center background=http://img.photo.163.com/rNwwKLIggbW9cEXwxUc3ZQ==/1757248279604659301.jpg border=1>
<TBODY>
<TR>
<TD>
<P align=center><EMBED align=right src=http://www.wosowoso.com/flash/11/2/woso7_flash_10.swf width=495 height=200 type=application/x-shockwave-flash wmode="transparent" quality="high"><EMBED align=right src=http://imgfree.21cn.com/free/flash/51.swf width=495 height=305 type=application/x-shockwave-flash wmode="transparent" quality="high"></P></TD></TR></TBODY></TABLE>
代码说明
 1、选择自己喜欢的图片及合适的透明Flash,复制其地址并替换代码中的相应地址。
 2、根据图片的宽度和高度设置表格的宽度和高度,两者之值应一致。
 3、所有透明Flash的对齐方式一律设置为align=right。
 4、合理设置各层透明Flash的宽度和高度值(应小于图片的宽和高)。

 

(四)添加多层Flash及代码

☆代码格式及说明☆
代码格式
<TABLE borderColor=边框颜色 height=表格高度 cellSpacing=0 cellPadding=0 width=表格宽度 align=center background=图片地址 border=边框宽度>
<TBODY>
<TR>
<TD>
<P align=center><EMBED align=right src=透明Flash地址1 width=透明Flash宽度1 height=透明Flash高度1 type=application/x-shockwave-flash quality="high" wmode="transparent">
<EMBED align=right src=透明Flash地址2 width=透明Flash宽度2 height=透明Flash高度2 type=application/x-shockwave-flash quality="high" wmode="transparent">
…………
<EMBED align=right src=透明Flash地址n width=透明Flash宽度n height=透明Flash高度n type=application/x-shockwave-flash quality="high" wmode="transparent">
</P></TD></TR></TBODY></TABLE>
代码说明
 1、选择自己喜欢的图片及合适的透明Flash,复制其地址并替换代码中的相应地址。
 2、根据图片的宽度和高度设置表格的宽度和高度,两者之值应一致。
 3、所有透明Flash的对齐方式一律设置为align=right。
 4、合理设置各层透明Flash的宽度和高度值(应小于图片的宽和高)。

 

    二、带相框图片添加透明Flash及代码
(一)原始图片样式

【菜鸟玩博】给图片添加透明Flash方法及代码(原) - 季候之风 - 季候之风音画素材阁

 

(二)添加Flash方法及代码

 

 

 

 

 

 

 

 

☆本例代码及说明☆
参考代码
<TABLE height=409 cellSpacing=0 cellPadding=0 width=499 align=center background=http://img.photo.163.com/oXM8aJRVt6uRtaxUp723bQ==/2559733438206720735.jpg border=0>
<TBODY>
<TR>
<TD width=79 height=67>
<P>&nbsp;</P></TD>
<TD width=345>
<P>&nbsp;</P></TD>
<TD width=75>
<P>&nbsp;</P></TD>
<TR>
<TD height=273>
<P>&nbsp;</P></TD>
<TD>
<DIV align=center><EMBED align=right src=http://myhome.naver.net/brown444/swish/s80-m.swf width=300 height=220 type=application/x-shockwave-flash wmode="transparent" quality="high" allowNetworking="internal" allowScriptAccess="never"><EMBED align=right src=http://www.zxtx.org/user/yiyi/html/flash/156.swf width=345 height=235 type=application/x-shockwave-flash wmode="transparent" quality="high" allowNetworking="internal" allowScriptAccess="never"></DIV></TD>
<TD>
<P>&nbsp;</P></TD>
<TR>
<TD height=67>
<P>&nbsp;</P></TD>
<TD>
<P>&nbsp;</P></TD>
<TD>
<P>&nbsp;</P></TD></TR></TR></TR></TBODY></TABLE>
代码说明
 1、设置一个三行三列的表格,表格宽度和高度与相框图片尺寸一致。
 2、根据相框图片的尺寸及中间画面的宽高确定各单元格的尺寸,使得中间的单元格大小与中间画面尺寸一致。
 3、将各层透明Flash均放置于中间的单元格,且所有透明Flash的对齐方式一律设置为align=right。
 4、合理设置透明Flash的宽度和高度值(应小于中间画面的宽和高)。

 

    附:为背景Flash添加透明Flash
(一)原始背景Flash样式

 

(二)在背景Flash上添加透明Flash及代码

☆本例代码及说明☆
本例代码
<TABLE borderColor=#008000 height=270 cellSpacing=0 cellPadding=0 width=500 align=center border=2>
<TBODY>
<TR>
<TD>
<P align=center>
<EMBED align=right src=http://www.0755yiqi.com/webkkk/fengjing2007/fj-056.swf width=495 height=265 type=application/x-shockwave-flash wmode="transparent" quality="high">
<EMBED align=right src=http://www.wosowoso.com/flash/11/2/woso7_flash_20.swf width=495 height=265 type=application/x-shockwave-flash wmode="transparent" quality="high">
</P>
</TD></TR></TBODY></TABLE>
代码说明
 1、为背景Flash添加透明Flash方法与在图片上贴多层透明Flash原理相同。
 2、根据背景Flash的宽度和高度设置表格的宽度和高度。
 3、合理设置透明Flash的宽度和高度值(应小于背景Flash的宽和高)。

 

 

 

【菜鸟玩博】给图片添加透明Flash方法及代码(原) - 季候之风 - 季候之风的博客

 


&x6211;&x8981;&x5566;&x514D;&x8D39;&x7EDF;&x8BA1;
欢迎光临季候之风音画素材阁 jhzf999.blog.163.com 打造最系统全面的FLASH素材库
【菜鸟玩博】给图片添加透明Flash方法及代码(原) - 季候之风 - 季候之风的博客
  评论这张
 
阅读(2829)| 评论(33)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017