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

.

 
 
 

日志

 
 

【转载】跟朋友一起学做透明素材动画(2)【原创】  

2012-12-27 20:42:38|  分类: 【网络课堂】 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

 

跟朋友一起学做FASH透明素材动画

跟朋友一起学做透明素材动画(2)

杨东/原创

跟朋友一起学做透明素材动画(2) - 杨东 - 杨东小园

选材说明

 以下动态画的背景图片是博友(快乐在心)于2009年7月18日拍摄,为了做实验借鉴,此背景图尺寸为(宽700高529),在这动画中可调节控制,透明图片其实只有四张,但加入了八次,其中同一张金鱼插入了三次,由于插入控制的尺寸不同,起到了不同层次的效果,原来一次是三条,三次就能显现出九条金鱼,彩扁鱼插入了二次,层次也不相同,如果不控制层次,用相同的尺寸加插,是只能显现同一个目标,加插的所有画片详见实详下边的图片网络地址,实样的全代码也符在下边,复制可有效应用.

朋友们请注意:
这张图片的左上角,有一条鱼,你只要把鼠标移到左上角
就能把这条鱼引导出来
以下是这个动态画面的全代码

<P align=center><TABLE style="WIDTH: 700px; HEIGHT: 530px" height=530 cellPadding=0 width=700 align=center background=http://img6.ph.126.net/QoOLBr-lvT5pcdoNTPChqQ==/2552133613853323406.jpg border=0><TBODY><TR><TD><EMBED align=right src=http://imgfree.21cn.com/free/flash/115.swf width=700 height=529 type=application/x-shockwave-flash quality="high" wmode="transparent" allowNetworking="internal" allowScriptAccess="never"> <EMBED align=right src=http://imgfree.21cn.com/free/flash/57.swf width=620 height=440 type=application/x-shockwave-flash quality="high" wmode="transparent" allowNetworking="internal" allowScriptAccess="never"><EMBED align=right src=http://imgfree.21cn.com/free/flash/57.swf width=700 height=529 type=application/x-shockwave-flash quality="high" wmode="transparent" allowNetworking="internal" allowScriptAccess="never"><EMBED align=right src=http://imgfree.21cn.com/free/flash/17.swf width=700 height=529 type=application/x-shockwave-flash quality="high" wmode="transparent" allowNetworking="internal" allowScriptAccess="never"> <EMBED align=right src=http://imgfree.21cn.com/free/flash/17.swf width=620 height=440 type=application/x-shockwave-flash quality="high" wmode="transparent" allowNetworking="internal" allowScriptAccess="never"> <EMBED align=right src=http://imgfree.21cn.com/free/flash/22.swf width=700 height=529 type=application/x-shockwave-flash quality="high" wmode="transparent" allowNetworking="internal" allowScriptAccess="never"> <EMBED align=right src=http://imgfree.21cn.com/free/flash/17.swf width=500 height=320 type=application/x-shockwave-flash wmode="transparent" quality="high" allowNetworking="internal" allowScriptAccess="never"> <EMBED align=right src=http://imgfree.21cn.com/free/flash/8.swf width=700 height=519 type=application/x-shockwave-flash wmode="transparent" quality="high" allowNetworking="internal" allowScriptAccess="never"> </TD></TR></TBODY></TABLE></P>

以下符图片地址及图片来源的说明
背景图片:(大连虎滩极地馆-海洋世界)
摄影作者(快乐在心)
(主图片尺寸-宽度700高度530)

http://img6.ph.126.net/QoOLBr-lvT5pcdoNTPChqQ==/2552133613853323406.jpg

透明图片 来源于网络

http://imgfree.21cn.com/free/flash/115.swf  跟你鼠标游的鱼,隐藏在图片左上角,等候你去引导

http://imgfree.21cn.com/free/flash/57.swf    彩扁鱼(加插二次  不同的宽度和高度加于控制)

http://imgfree.21cn.com/free/flash/17.swf    金鱼(加插三次,  不同的宽度和高度加于控制 )

http://imgfree.21cn.com/free/flash/8.swf      二只青蛙和小水滴

http://imgfree.21cn.com/free/flash/22.swf    三个水圈子

跟朋友一起学做透明素材动画(2) - 杨东 - 杨东小园

 以下是已把背景主图片改为(412X310)
透明图片同时相应改小了详见面下列全代码.

<P align=center><TABLE style="WIDTH: 412px; HEIGHT: 310px" height=310 cellPadding=0 width=412 align=center background=http://img6.ph.126.net/LY6bJzpoA58sK3djIbnjeg==/6597747065818777926.jpg border=0><TBODY><TR><TD>
<EMBED align=right src=http://imgfree.21cn.com/free/flash/115.swf width=410 height=307 type=application/x-shockwave-flash quality="high" wmode="transparent" allowNetworking="internal" allowScriptAccess="never">
<EMBED align=right src=http://imgfree.21cn.com/free/flash/57.swf width=410 height=307 type=application/x-shockwave-flash quality="high" wmode="transparent" allowNetworking="internal" allowScriptAccess="never">
<EMBED align=right src=http://imgfree.21cn.com/free/flash/57.swf width=350 height=240 type=application/x-shockwave-flash quality="high" wmode="transparent" allowNetworking="internal" allowScriptAccess="never">
<EMBED align=right src=http://imgfree.21cn.com/free/flash/17.swf width=410 height=307 type=application/x-shockwave-flash quality="high" wmode="transparent" allowNetworking="internal" allowScriptAccess="never">
<EMBED align=right src=http://imgfree.21cn.com/free/flash/17.swf width=400 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/22.swf width=420 height=307 type=application/x-shockwave-flash quality="high" wmode="transparent" allowNetworking="internal" allowScriptAccess="never">
 <EMBED align=right src=http://imgfree.21cn.com/free/flash/17.swf width=370 height=270 type=application/x-shockwave-flash wmode="transparent" quality="high" allowNetworking="internal" allowScriptAccess="never">
<EMBED align=right src=http://imgfree.21cn.com/free/flash/8.swf width=420 height=307 type=application/x-shockwave-flash wmode="transparent" quality="high" allowNetworking="internal" allowScriptAccess="never"> </TD></TR></TBODY></TABLE></P>

跟朋友一起学做透明素材动画(2) - 杨东 - 杨东小园

以上代码复制可应用到主页模块中去

详见下列实样 

跟朋友一起学做透明素材动画(2) - 杨东 - 杨东小园

从以上的代码中进一步实验还可加上框边

实样如下

※★※

跟朋友一起学做透明素材动画(2) - 杨东 - 杨东小園hu320521本模块代码复制处

请点击手指处可直接取得代码应用

以上实样的代码如下

<TABLE style="BORDER-RIGHT: #ee00ee 15px ridge; BORDER-TOP: #ee00ee 15px ridge; BORDER-LEFT: #ee00ee 15px ridge; BORDER-BOTTOM: #ee00ee 15px ridge; BACKGROUND-COLOR: #bbffff" cellSpacing=0 align=center>
<P>
<TBODY>
<TR>
<TD></TD>
<TD width=412>
<P align=center><FONT color=#ff0000><STRONG><FONT face=楷体_GB2312 size=6>※★※</FONT></STRONG></FONT></P>
<P align=center><FONT color=#ff0000><STRONG><FONT face=楷体_GB2312 size=4>★请用鼠标指向此图的左上角★</FONT></STRONG></FONT></P>
<P align=center MARQUEE><FONT color=#ff0000><STRONG><FONT face=楷体_GB2312 size=4>此图的左上角有一条大鱼等着你引领导到池中去</FONT></STRONG></FONT></P>
<P align=center><FONT face=楷体_GB2312 color=#ee0000><IMG src=
http://img.blog.163.com/photo/UEK_F1MrFzbF5SHvzxZ9kA==/339458821913404769.jpg border=0></FONT><A href="http://hu320521.blog.163.com/blog/static/888720252009627113045463/edit/?mode=prev" target=_blank><FONT face=楷体_GB2312 color=#ee0000 size=5><STRONG>本模块代码复制处</STRONG></FONT></A><STRONG><FONT color=#00ff00></FONT></STRONG></P>
<P align=center><STRONG><FONT face=楷体_GB2312 color=#030303 size=5>请点击手指处可直接取得代码应用 </P>
<P align=center>
<TABLE style="WIDTH: 412px; HEIGHT: 310px" height=310 cellPadding=0 width=412 align=center background=http://img6.ph.126.net/LY6bJzpoA58sK3djIbnjeg==/6597747065818777926.jpg border=0>
<TBODY>
<TR>
<TD><EMBED align=right src=http://imgfree.21cn.com/free/flash/115.swf width=410 height=309 type=application/x-shockwave-flash wmode="transparent" quality="high" allowNetworking="internal" allowScriptAccess="never"> <EMBED align=right src=http://imgfree.21cn.com/free/flash/57.swf width=410 height=309 type=application/x-shockwave-flash wmode="transparent" quality="high" allowNetworking="internal" allowScriptAccess="never"> <EMBED align=right src=http://imgfree.21cn.com/free/flash/57.swf width=350 height=240 type=application/x-shockwave-flash wmode="transparent" quality="high" allowNetworking="internal" allowScriptAccess="never"> <EMBED align=right src=http://imgfree.21cn.com/free/flash/17.swf width=410 height=309 type=application/x-shockwave-flash wmode="transparent" quality="high" allowNetworking="internal" allowScriptAccess="never"> <EMBED align=right src=http://imgfree.21cn.com/free/flash/17.swf width=400 height=300 type=application/x-shockwave-flash wmode="transparent" quality="high" allowNetworking="internal" allowScriptAccess="never"> <EMBED align=right src=http://imgfree.21cn.com/free/flash/22.swf width=410 height=309 type=application/x-shockwave-flash wmode="transparent" quality="high" allowNetworking="internal" allowScriptAccess="never"> <EMBED align=right src=http://imgfree.21cn.com/free/flash/17.swf width=370 height=250 type=application/x-shockwave-flash quality="high" wmode="transparent" allowNetworking="internal" allowScriptAccess="never"> <EMBED align=right src=http://imgfree.21cn.com/free/flash/8.swf width=410 height=309 type=application/x-shockwave-flash quality="high" wmode="transparent" allowNetworking="internal" allowScriptAccess="never"> </TD></TR></TBODY></TABLE></P></FONT></STRONG></TD>
<P></P></TR><P></P><P></P><P></P></P></TABLE>

 

跟朋友一起学做透明素材动画(2) - 杨东 - 杨东小园跟朋友一起学做透明素材动画(2) - 杨东 - 杨东小园跟朋友一起学做透明素材动画(2) - 杨东 - 杨东小园

跟朋友一起学做透明素材动画(2) - 杨东 - 杨东小园

跟朋友一起学做透明素材动画(2) - 杨东 - 杨东小园

跟朋友一起学做透明素材动画(2) - 杨东 - 杨东小园

跟朋友一起学做透明素材动画(2) - 杨东 - 杨东小园

跟朋友一起学做透明素材动画(2) - 杨东 - 杨东小园

 

如若另外加上《隐藏播放器的MP3音乐代码》就能成为音画
隐藏播放器的音响代码如下

<P align=center><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://b.bst.126.net/common/spirit.swf?version=1.0.13&amp;t=20110426 width=0 height=0 type=application/x-shockwave-flash allownetworking="all" allowscriptaccess="always" quality="high" wmode="transparent" flashvars="loop=0&amp;autoPlay=true&amp;url=http://www.zjjshm.com/gsls.mp3&amp;title=春江花月夜&amp;artist=纯乐"></EMBED></P>

 

  评论这张
 
阅读(63)| 评论(0)

历史上的今天

评论

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

页脚

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