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

江南浪子的博客

“清茶几许、人生百味……”

 
 
 

日志

 
 
关于我

本站文章除注明【原创】外,均来源于网络。文摘辑翠,配图编辑,增加可读性。阳春白雪、下里巴人,雅俗共赏,欢迎朋友们分享。每天都有新精彩,每天都有新期待! 联系方式:13065197070(weixin号同)

网易考拉推荐

用代码制作flash遮罩动画效果  

2012-07-15 13:13:57|  分类: 博客代码 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
用代码做flash遮罩动画 - 江南浪子 - 江南浪子的博客
代码:<DIV align=center>
<TABLE cellSpacing=0 width=850 background=http://img7.ph.126.net/MPeY-qH7rGBnUUKRL0BoQw==/674414044216325327.jpg height=560>
<TBODY>
<TR>
<TD style="FILTER: chroma(color=#ffffff)" background=http://img7.ph.126.net/WH0Qqu3KlNIXA7doLvlLXA==/575053377437461747.jpg>
<DIV style="MARGIN: -3px 0px -5px">
<TABLE border=0 width=850 height=560>
<TBODY>
<TR>
<TD>
<TABLE border=0 width=850 height=560>
<TBODY>
<TR>
<TD><IMG  src="http://img0.ph.126.net/nPAkfNxH5Mjx6gE9ipAAbw==/2518919566601259250.gif" width=850> </TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE></DIV>

用代码做flash遮罩动画 - 江南浪子 - 江南浪子的博客
代码:<DIV align=center>
<TABLE cellSpacing=0 width=850 background=http://img9.ph.126.net/Y28S4kcyvOQ4guHyU14MFg==/2659094105003164159.jpg height=560>
<TBODY>
<TR>
<TD style="FILTER: chroma(color=#ffffff)" background=http://img4.ph.126.net/S_ef9TSRFTnjHT2axSoLKg==/2483172244558821434.jpg>
<DIV style="MARGIN: -3px 0px -5px">
<TABLE border=0 width=850 height=560>
<TBODY>
<TR>
<TD>
<TABLE border=0 width=850 height=560>
<TBODY>
<TR>
<TD><IMG  src="http://img8.ph.126.net/iW7XoNMvnyroqb0znHH_UA==/3105794893042969288.gif" width=850> </TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE></DIV>

用代码做flash遮罩动画 - 江南浪子 - 江南浪子的博客
代码:<DIV align=center>
<TABLE cellSpacing=0 width=850 background=http://img3.ph.126.net/_S2b2Me_7XqX4Q71i2e6sg==/599541700411288983.jpg height=560>
<TBODY>
<TR>
<TD style="FILTER: chroma(color=#ffffff)" background=http://img8.ph.126.net/0167bK7tt-mLUqqwhoAqsg==/2571836862222857568.jpg>
<DIV style="MARGIN: -3px 0px -5px">
<TABLE border=0 width=850 height=560>
<TBODY>
<TR>
<TD>
<TABLE border=0 width=850 height=560>
<TBODY>
<TR>
<TD><IMG src="http://img2.ph.126.net/s3-k9NwntTmw4EJd6egPDQ==/3036833523748473742.gif" width=850> </TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE></DIV>
用代码做flash遮罩动画 - 江南浪子 - 江南浪子的博客
代码:<DIV align=center>
<TABLE cellSpacing=0 width=850 background=http://img7.ph.126.net/di18rJ-WPm6OrVCyJfQ4Rw==/1322650915580964217.jpg height=560>
<TBODY>
<TR>
<TD style="FILTER: chroma(color=#ffffff)" background=http://img8.ph.126.net/V7VmFGepdyuRjcNiy8rx8Q==/2540311664831265208.jpg>
<DIV style="MARGIN: -3px 0px -5px">
<TABLE border=0 width=850 height=560>
<TBODY>
<TR>
<TD>
<TABLE border=0 width=850 height=560>
<TBODY>
<TR>
<TD><IMG src="http://img2.ph.126.net/SeXUf30yA69NPuSkuJ7tUw==/1090715534771198942.gif" width=850 > </TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE></DIV>
用代码做flash遮罩动画 - 江南浪子 - 江南浪子的博客

  自从朋友家看到这组代码后,我重新设计了动画方案。原先的是利用移动代码来实现动态遮罩,我改变成用动画图片来变换动态效果,比移动代码来的更耀眼夺目,朋友只要好好设计动画图片,就能改变动态效果。另外请注意:你的动画图片一定要做成单色(最好用白色),要与你的遮罩颜色保持一致(白色用FFFFFF代码)否则将不能被遮罩。

代码如下:

<DIV align=center>
<TABLE cellSpacing=0 width=850 background=http://img7.ph.126.net/di18rJ-WPm6OrVCyJfQ4Rw==/1322650915580964217.jpg height=560>
<TBODY>
<TR>
<TD style="FILTER: chroma(color=#ffffff)" background=http://img8.ph.126.net/V7VmFGepdyuRjcNiy8rx8Q==/2540311664831265208.jpg>
<DIV style="MARGIN: -3px 0px -5px">
<TABLE border=0 width=850 height=560>
<TBODY>
<TR>
<TD>
<TABLE border=0 width=850 height=560>
<TBODY>
<TR>
<TD><IMG src="http://img2.ph.126.net/SeXUf30yA69NPuSkuJ7tUw==/1090715534771198942.gif" width=850> </TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE></DIV><BR>

其中红色代码是人物图片(底图);蓝色代码是花草图片(面图);黄色代码是遮罩图片(动画)。



 
  评论这张
 
阅读(228)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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