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

粉红荷花的温馨家园

相识是缘,以诚为友!

 
 
 

日志

 
 
关于我

满池荷花已盛开,缕缕轻风送香来。 邀友举杯明月下,畅饮美酒乐开怀。

网易考拉推荐
GACHA精选

【学习园地】教朋友们用代码制作漂亮的海底世界动态图片  

2012-05-25 15:59:24|  分类: 默认分类 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

作品例图

 

       Flash海底世界动态图片是十分可爱的,然而这类图片在网上并不多,且也不一定太满意,今天教菜鸟朋友自己动手用代码拼图做出一副自己满意的海底世界漂亮图。
       这是在一张海底情景图片上叠加上3个Flash动态海洋生物图组成的,朋友们可根据自己的需求和审美观来选择和设计出自己喜欢的组合图,上图是我的示例样图。代码如下(以加3个Flash为例):

<TABLE border=5 cellSpacing=1 borderColor=#外边框颜色代码 cellPadding=0 width=海底情景图片宽度+10 bgColor=#外框嵌线颜色代码 align=center>
<TBODY>
<TR>
<TD>
<TABLE border=0 cellPadding=0 width=海底情景图片宽度 background=海底情景图片地址 height=海底情景图片高度>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE><EMBED style="POSITION: absolute; MARGIN-TOP: Flash1上下调节尺寸px; MARGIN-LEFT: Flash1左右调节尺寸px" height=Flash1大小调节尺寸 type=application/x-shockwave-flash align=right width=Flash1宽度尺寸 src=Flash1地址 wmode="transparent" invokeurls="false" quality="high" allowScriptAccess="never" allowNetworking="internal"> <EMBED style="POSITION: absolute; MARGIN-TOP: Flash2上下调节尺寸px; MARGIN-LEFT: Flash2左右调节尺寸px" height=Flash2大小调节尺寸 type=application/x-shockwave-flash align=right width=Flash2宽度尺寸 src=Flash2地址 wmode="transparent" invokeurls="false" quality="high" allowScriptAccess="never" allowNetworking="internal">  <EMBED style="POSITION: absolute; MARGIN-TOP: Flash3上下调节尺寸px; MARGIN-LEFT: Flash3左右调节尺寸px" height=Flash3大小调节尺寸 type=application/x-shockwave-flash align=right width=Flash3宽度尺寸 src=Flash3地址 wmode="transparent" invokeurls="false" quality="high" allowScriptAccess="never" allowNetworking="internal">

注:1.Flash上下调节尺寸:负值是向上调,正值是向下调,数值越大上下位移越明显。
       2.
Flash左右调节尺寸:负值是向左调,正值是向右调,数值越大左右位移越明显。
       3.
Flash宽度尺寸:按你要将该Flash在图片上显示的宽度设定。
       4.
Flash大小调节尺寸:按你要将该Flash在图片上显示的大小设定。
       5.
海底情景图片地址可点此在我收集的海底情景图片中选取图片地址(在所选图片上右键-属性-地址)。
       6.
Flash动态海洋生物图可点此在我收集的Flash透背鱼类图片中选取(点所选图下面的“查看大图地址”后在浏览器地址栏取地址)。

静中有动祝朋友们成功并玩得开心! 

  评论这张
 
阅读(119)| 评论(6)
推荐 转载

历史上的今天

评论

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

页脚

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