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

hehuoya的博客

学习知识 挖掘潜能 欣赏佳作 放飞心情

 
 
 

日志

 
 

引用:背景图片加入透明flash动画的定位技巧  

2011-04-28 13:06:16|  分类: 学习园地 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

 

 

背景图片加入透明flash动画的定位技巧  

整理:闪闪的红星 

        在背景图片上加入透明flash,能起到点缀修饰和美观作用。要达到修饰和美观效果,一般只需将flash加在图片上即可。但要在图片上给flash进行准确定位,当然存在一定的技巧。现将背景图片加入flash后的效果、代码以及定位技巧和方法简要介绍如下:

          一、背景图片加入透明flash后的效果图:

二、背景图片加入透明flash的定位代码: 

  <P align=center>

<TABLE style="WIDTH: 700px; TOP: 0px; LEFT: 0px" border=0 cellSpacing=0  borderColor=#ff0000 borderColorLight=#ffff00 cellPadding=0 width=700 background=背景图片地址 height=460>

<TBODY>

<TR>

<TD width="33%"><EMBED height=153 type=application/x-shockwave-flash align=right width=230 src=flash地址  allowScriptAccess="never" allowNetworking="internal" 上左 quality="high" menu="false" wmode="transparent"> </TD>

<TD width="33%"><EMBED height=153 type=application/x-shockwave-flash align=right width=230 src=flash地址 allowScriptAccess="never" allowNetworking="internal" 上中 quality="high" menu="false" wmode="transparent"> </TD>

<TD width="34%"><EMBED height=153 type=application/x-shockwave-flash align=right width=230 src=flash地址 allowScriptAccess="never" allowNetworking="internal" 上右 quality="high" menu="false" ? wmode="transparent"> </TD>

<TR>

<TD width="33%"><EMBED height=153 type=application/x-shockwave-flash align=right width=230 src=flash地址 allowScriptAccess="never" allowNetworking="internal" 中左 quality="high" menu="false" wmode="transparent"></TD>

<TD width="33%"><EMBED height=153 type=application/x-shockwave-flash align=right width=230 src=flash地址allowNetworking="internal" 中中 quality="high" menu="false" wmode="transparent" ? allowScriptAccess="never"></TD>

<TD width="34%"><EMBED height=153 type=application/x-shockwave-flash align=right width=230 src=flash地址 allowScriptAccess="never" allowNetworking="internal" 中右 quality="high" menu="false" wmode="transparent"> </TD>

<TR>

<TD width="33%"><EMBED height=153 type=application/x-shockwave-flash align=right width=230 src=flash地址  allowScriptAccess="never" allowNetworking="internal" 下左 quality="high" menu="false" wmode="transparent"></TD>

<TD width="33%"><EMBED height=153 type=application/x-shockwave-flash align=right width=230 src=flash地址 allowScriptAccess="never" allowNetworking="internal" 下中 quality="high" menu="false" wmode="transparent"></TD>

<TD width="34%"><EMBED height=153 type=application/x-shockwave-flash align=right width=230 src=flash地址 allowScriptAccess="never" allowNetworking="internal" 下右 quality="high" menu="false" wmode="transparent"> </TD></TR></TR></TR></TBODY></TABLE></P>

三、上述代码中的有关说明:

      1、显示大边框(表格)的代码:

     <TABLE style="WIDTH: 700px; TOP: 0px; LEFT: 0px" border=0 cellSpacing=0 borderColor= #ff0000 borderColorLight= #ffff00 cellPadding=0 width=700 background=背景图片地址 height=460>

<TBODY>

<TR>

    其中蓝色标明的“图片地址”是背景图片的地址,你只要把喜欢的图片地址输入到“图片地址”里,便可获得新的背景图片;borderColor=#ff0000这是边框(表格)右边的颜色代码,borderColorLight=#ffff00这是边框(表格)左边的颜色代码(当然也可不用颜色代码,由系统默认为透明色)红色标明的width=700 height=460分别表示图片的宽和高。

2、显示小边框(表格)的代码:

<TD width="34%">这是小边框(表格)代码,也是控制每一个小边框百分比宽的代码。用它来给每一个flash进行定位。

用黄色标明的“flash地址”,就是我们要加入的flash地址,把自己选择的flash地址输入到“flash地址”里;cellSpacing=0这是控制边框之间、文字与边框之间距离的代码,自己可以在1以上的数字进行调整,0为无效数字。

3、显示边框线或隐藏边框线的代码:

border=0这是让边框线隐藏、显示的代码。如果想要显示边框线,就把它设为有效数字(1以上的数字),如果不想显示边框线,就把它设为0。

4、给flash定位的具体位置:

以上图为例,把背景图片(包括flash)从横向、纵向进行上、中、下平均分成三等份,每个等份又分成三个小方形边框(表格),共形成9个小方形边框(表格)。这9个小方形边框(表格)就是固定flash的边框(表格)的("容器)。只要自己把选择的flash地址分别输入到“flash地址”里就行了。代码中用红色标注的上左、上中、上右;中左、中中、中右;下左、下中、下右,主要是为了我们自己在输入flash地址时,起方便和记忆作用。

5、小方形边框平分的方法:

把背景图片的宽,平均分成三等份,就是每一个flash的宽,把背景图片的高,同样平均分成三等份,就是每一个flash的高了。

本代码中效果背景图片的宽是700,分三等份,每一个flash的宽就是230;背景图片的高是460,分三等份,每一个flash的高就是153,这样的设置一般加入flash后就不会变形。

 

 

 

  评论这张
 
阅读(203)| 评论(15)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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