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

无限风光

牡丹故里 美丽独特 多骄如画 明天更好

 
 
 

日志

 
 
关于我

人生乐事,坚持学习,结交诚友,快乐自己。传递友谊,借鉴学习,丰富智慧,。交遍四海友, 感情多富有。 访尽天下博, 精神多快活。

网易考拉推荐

《用代码做flash遮罩动画》  

2013-03-11 21:37:18|  分类: 博客代码 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

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

 

例(1)



例(2)

 

 

<p align="center">  <table style="WIDTH: 424px; HEIGHT: 640px;" border="0" cellpadding="0" width="424" background="图片地址" align="center" height="640">  <tbody>  <tr>  <td><embed height="640" allownetworking="internal" allowscriptaccess="never" width="424" align="right" quality="high" invokeurls="false" src="遮罩地址" type="application/x-shockwave-flash" wmode="transparent"> </td>

遮罩素材

(点击全屏取代码 )




全屏



全屏



全屏



全屏



全屏



全屏



全屏



全屏



全屏



全屏



全屏



全屏



全屏



全屏



全屏



全屏



全屏



全屏



全屏




http://img8.ph.126.net/YvfEoB6kbJ-pQai8WEFzyQ==/190558559250820628.gif
http://img5.ph.126.net/wLuIZ2yFQIocHSL5OxNz5Q==/998954692363831085.gif
http://img6.ph.126.net/3eHsi1sOZ0vzzcJn0tokfw==/2521734316368488466.gif
http://img9.ph.126.net/wL9lKITsPRjcqpxYJ_2cRA==/2504845817765838759.gif
http://img0.ph.126.net/nPAkfNxH5Mjx6gE9ipAAbw==/2518919566601259250.gif
http://img8.ph.126.net/iW7XoNMvnyroqb0znHH_UA==/3105794893042969288.gif
http://img2.ph.126.net/s3-k9NwntTmw4EJd6egPDQ==/3036833523748473742.gif
http://img9.ph.126.net/rmaf-1laj8BSsZS5Nyx5Dw==/1586111493782138909.gif
http://img2.ph.126.net/SeXUf30yA69NPuSkuJ7tUw==/1090715534771198942.gif

代码如下:

<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>

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

 

http://img6.ph.126.net/3vWIDaXqA1kKju0z6nUvzQ==/2749729047504000886.gif

http://img2.ph.126.net/tkLw1zy4aI8W3Grps0fTPw==/1082271285469888322.gif

上面的一组代码就是可以用来遮罩的代码,关键点在与白色部分的颜色代码,因为我用的是白色的动画,代码就需要用白色的,如果动画是黄色的,就需要用黄色的颜色代码(color=#ffff00)。如果你的动画颜色与颜色代码不一致,就只能显示你的动画而不能显示你的底图了,也就是说不能被遮罩了。所以,你只要改变你的动画,就可以改变你的遮罩的效果。并且注意三张图片的大小,最好图片大小一致效果更好!下面我提供我做的白色动画图片,给你做参考,动画图片可以用任何的软件来做,只要达到目的就行!

《用代码做flash遮罩动画》 - 无限风光学习收藏 - 无限风光学习收藏的博屋

 

《用代码做flash遮罩动画》 - 无限风光学习收藏 - 无限风光学习收藏的博屋

 

《用代码做flash遮罩动画》 - 无限风光学习收藏 - 无限风光学习收藏的博屋

 

《用代码做flash遮罩动画》 - 无限风光学习收藏 - 无限风光学习收藏的博屋

 

《用代码做flash遮罩动画》 - 无限风光学习收藏 - 无限风光学习收藏的博屋

 

《用代码做flash遮罩动画》 - 无限风光学习收藏 - 无限风光学习收藏的博屋

 http://img7.ph.126.net/UYxhSIH-ld6pum5d6sV3PQ==/1571193320016294287.gif

《用代码做flash遮罩动画》 - 无限风光学习收藏 - 无限风光学习收藏的博屋

 http://img8.ph.126.net/gioON82wWqa5LOkakm1HNw==/2516949241764289278.gif

  下面的两张图片因为不是全白色的,所以白色部分显示了你的底图,而彩色部分就显示原本的图片了。

《用代码做flash遮罩动画》 - 无限风光学习收藏 - 无限风光
代 码 如 下

<DIV align=center>
<TABLE height=468 cellSpacing=0 width=750 background=http://img1.ph.126.net/4FXjOrRCaO7iWnAR_txOAw==/1989465135392633878.jpg>
<TBODY>
<TR>
<TD style="FILTER: chroma(color=#ffffff)" background=http://img2.ph.126.net/KUzIFFlCLQ4GrAHZbok7WQ==/6597579940052547431.jpg>
<DIV style="MARGIN: -3px 0px -5px">
<TABLE height=468 width=750 border=0>
<TBODY>
<TR>
<TD>
<TABLE height=468 width=750 border=0>
<TBODY>
<TR>
<TD><IMG height=468 src="http://img0.ph.126.net/nPAkfNxH5Mjx6gE9ipAAbw==/2518919566601259250.gif" width=750> </TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE></DIV>

《用代码做flash遮罩动画》 - 无限风光学习收藏 - 无限风光
代 码 如 下

<DIV align=center>
<TABLE height=468 cellSpacing=0 width=750 background=http://img1.ph.126.net/4FXjOrRCaO7iWnAR_txOAw==/1989465135392633878.jpg>
<TBODY>
<TR>
<TD style="FILTER: chroma(color=#ffffff)" background=http://img2.ph.126.net/KUzIFFlCLQ4GrAHZbok7WQ==/6597579940052547431.jpg>
<DIV style="MARGIN: -3px 0px -5px">
<TABLE height=468 width=750 border=0>
<TBODY>
<TR>
<TD>
<TABLE height=468 width=750 border=0>
<TBODY>
<TR>
<TD><IMG height=468 src="http://img2.ph.126.net/s3-k9NwntTmw4EJd6egPDQ==/3036833523748473742.gif
" width=750> </TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE></DIV>

《用代码做flash遮罩动画》 - 无限风光学习收藏 - 无限风光
代 码 如 下

<DIV align=center>
<TABLE height=468 cellSpacing=0 width=750 background=http://img1.ph.126.net/4FXjOrRCaO7iWnAR_txOAw==/1989465135392633878.jpg>
<TBODY>
<TR>
<TD style="FILTER: chroma(color=#ffffff)" background=http://img2.ph.126.net/KUzIFFlCLQ4GrAHZbok7WQ==/6597579940052547431.jpg>
<DIV style="MARGIN: -3px 0px -5px">
<TABLE height=468 width=750 border=0>
<TBODY>
<TR>
<TD>
<TABLE height=468 width=750 border=0>
<TBODY>
<TR>
<TD><IMG height=468 src="http://img5.ph.126.net/wLuIZ2yFQIocHSL5OxNz5Q==/998954692363831085.gif" width=750> </TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE></DIV>

 

 

《用代码做flash遮罩动画》 - 无限风光学习收藏 - 无限风光


代 码 如 下 <DIV align=center>
<TABLE height=468 cellSpacing=0 width=750 background=http://img1.ph.126.net/4FXjOrRCaO7iWnAR_txOAw==/1989465135392633878.jpg>
<TBODY>
<TR>
<TD style="FILTER: chroma(color=#ffffff)" background=http://img2.ph.126.net/KUzIFFlCLQ4GrAHZbok7WQ==/6597579940052547431.jpg>
<DIV style="MARGIN: -3px 0px -5px">
<TABLE height=468 width=750 border=0>
<TBODY>
<TR>
<TD>
<TABLE height=468 width=750 border=0>
<TBODY>
<TR>
<TD><IMG height=468 src="http://img6.ph.126.net/3eHsi1sOZ0vzzcJn0tokfw==/2521734316368488466.gif" width=750> </TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE></DIV>

 

 

 
 


《用代码做flash遮罩动画》 - 无限风光学习收藏 - 无限风光学习收藏的博屋

《用代码做flash遮罩动画》 - 无限风光学习收藏 - 无限风光学习收藏的博屋
 
《用代码做flash遮罩动画》 - 无限风光学习收藏 - 无限风光学习收藏的博屋

《用代码做flash遮罩动画》 - 无限风光学习收藏 - 无限风光学习收藏的博屋

《用代码做flash遮罩动画》 - 无限风光学习收藏 - 无限风光学习收藏的博屋

《用代码做flash遮罩动画》 - 无限风光学习收藏 - 无限风光学习收藏的博屋
 
《用代码做flash遮罩动画》 - 无限风光学习收藏 - 无限风光学习收藏的博屋

《用代码做flash遮罩动画》 - 无限风光学习收藏 - 无限风光学习收藏的博屋

《用代码做flash遮罩动画》 - 无限风光学习收藏 - 无限风光学习收藏的博屋

《用代码做flash遮罩动画》 - 无限风光学习收藏 - 无限风光学习收藏的博屋

《用代码做flash遮罩动画》 - 无限风光学习收藏 - 无限风光学习收藏的博屋
 

《用代码做flash遮罩动画》 - 无限风光学习收藏 - 无限风光学习收藏的博屋



《用代码做flash遮罩动画》 - 无限风光学习收藏 - 无限风光学习收藏的博屋



《用代码做flash遮罩动画》 - 无限风光学习收藏 - 无限风光学习收藏的博屋



《用代码做flash遮罩动画》 - 无限风光学习收藏 - 无限风光学习收藏的博屋



《用代码做flash遮罩动画》 - 无限风光学习收藏 - 无限风光学习收藏的博屋


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

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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