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

江雁的博客

笑对人生 人未老

 
 
 

日志

 
 

【转载】制作图片幻影移动效果的代码及实例3款  

2014-07-20 09:02:28|  分类: 电脑课堂 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
制作图片幻影移动效果的代码及实例3款 - 进退逍遥过 - 进退逍遥过制作图片幻影移动效果的代码及实例3款 - 进退逍遥过 - 进退逍遥过制作图片幻影移动效果的代码及实例3款 - 进退逍遥过 - 进退逍遥过制作图片幻影移动效果的代码及实例3款 - 进退逍遥过 - 进退逍遥过制作图片幻影移动效果的代码及实例3款 - 进退逍遥过 - 进退逍遥过制作图片幻影移动效果的代码及实例3款 - 进退逍遥过 - 进退逍遥过
制作图片幻影移动效果的代码及实例3款 - 进退逍遥过 - 进退逍遥过制作图片幻影移动效果的代码及实例3款 - 进退逍遥过 - 进退逍遥过制作图片幻影移动效果的代码及实例3款 - 进退逍遥过 - 进退逍遥过制作图片幻影移动效果的代码及实例3款 - 进退逍遥过 - 进退逍遥过制作图片幻影移动效果的代码及实例3款 - 进退逍遥过 - 进退逍遥过制作图片幻影移动效果的代码及实例3款 - 进退逍遥过 - 进退逍遥过
 

效果图一

 

 

 

制作图片幻影移动效果的代码及实例3款 - 进退逍遥过 - 进退逍遥过制作图片幻影移动效果的代码及实例3款 - 进退逍遥过 - 进退逍遥过制作图片幻影移动效果的代码及实例3款 - 进退逍遥过 - 进退逍遥过制作图片幻影移动效果的代码及实例3款 - 进退逍遥过 - 进退逍遥过制作图片幻影移动效果的代码及实例3款 - 进退逍遥过 - 进退逍遥过制作图片幻影移动效果的代码及实例3款 - 进退逍遥过 - 进退逍遥过
制作图片幻影移动效果的代码及实例3款 - 进退逍遥过 - 进退逍遥过制作图片幻影移动效果的代码及实例3款 - 进退逍遥过 - 进退逍遥过制作图片幻影移动效果的代码及实例3款 - 进退逍遥过 - 进退逍遥过制作图片幻影移动效果的代码及实例3款 - 进退逍遥过 - 进退逍遥过制作图片幻影移动效果的代码及实例3款 - 进退逍遥过 - 进退逍遥过制作图片幻影移动效果的代码及实例3款 - 进退逍遥过 - 进退逍遥过
 

效果图二

 

 

 

制作图片幻影移动效果的代码及实例3款 - 进退逍遥过 - 进退逍遥过制作图片幻影移动效果的代码及实例3款 - 进退逍遥过 - 进退逍遥过制作图片幻影移动效果的代码及实例3款 - 进退逍遥过 - 进退逍遥过制作图片幻影移动效果的代码及实例3款 - 进退逍遥过 - 进退逍遥过制作图片幻影移动效果的代码及实例3款 - 进退逍遥过 - 进退逍遥过制作图片幻影移动效果的代码及实例3款 - 进退逍遥过 - 进退逍遥过
制作图片幻影移动效果的代码及实例3款 - 进退逍遥过 - 进退逍遥过制作图片幻影移动效果的代码及实例3款 - 进退逍遥过 - 进退逍遥过制作图片幻影移动效果的代码及实例3款 - 进退逍遥过 - 进退逍遥过制作图片幻影移动效果的代码及实例3款 - 进退逍遥过 - 进退逍遥过制作图片幻影移动效果的代码及实例3款 - 进退逍遥过 - 进退逍遥过制作图片幻影移动效果的代码及实例3款 - 进退逍遥过 - 进退逍遥过
 

 效果图三

 

 

制作图片幻影移动效果的代码及实例3款 - 进退逍遥过 - 进退逍遥过

 

图片素材一

 

 

制作图片幻影移动效果的代码及实例3款 - 进退逍遥过 - 进退逍遥过

 

图片素材二

 


制作图片幻影移动效果的代码及实例3款 - 进退逍遥过 - 进退逍遥过

 

图片素材三

 


制作图片幻影移动效果的代码及实例3款 - 进退逍遥过 - 进退逍遥过

 

图片素材四

 


制作图片幻影移动效果的代码及实例3款 - 进退逍遥过 - 进退逍遥过

 

图片素材五·

 


制作图片幻影移动效果的代码及实例3款 - 进退逍遥过 - 进退逍遥过

 图片素材六

 

 


注  

 

博文《制作图片重叠移动合成效果的代码及应用实例3款》中是单张图片反向移动透明效果,今天我将其设计成多图片移动,由于添加了半透明效果,所以在反向移动中,产生重叠、交错的幻影效果。我选用了不同风格和色彩的图片制作效果图供朋友们参考。替换图片预览满意即可发表。红色代码是相同图片素材地址,绿色代码是相同图片素材地址。代码设计只是技巧,最重要的是构思创意。发挥您的智慧,创作出更美的佳作
特别说明:图片素材来源于网络。

 

 

 

 

 

点击图片看昭昭 制作图片幻影移动效果的代码及实例3款 - 进退逍遥过 - 进退逍遥过公主的文字博客

  

 

 

 

效果图一代码

<DIV align=center>
<MARQUEE style="WIDTH: 100%" scrollAmount=2 behavior=alternate height=420><IMG height=420 src="http://s11.sinaimg.cn/orignal/5e1a7abfg92933602a80a&amp;690"><IMG height=420 src="http://s3.sinaimg.cn/orignal/5e1a7abfg9293363a0e72&amp;690"><IMG height=420 src="http://s11.sinaimg.cn/orignal/5e1a7abfg92933602a80a&amp;690"><IMG height=420 src="http://s3.sinaimg.cn/orignal/5e1a7abfg9293363a0e72&amp;690"><IMG height=420 src="http://s11.sinaimg.cn/orignal/5e1a7abfg92933602a80a&amp;690"><IMG height=420 src="http://s3.sinaimg.cn/orignal/5e1a7abfg9293363a0e72&amp;690"></MARQUEE></DIV>
<DIV style="MARGIN-TOP: -420px; MARGIN-LEFT: 0px">
<MARQUEE style="WIDTH: 100%" scrollAmount=2 direction=right behavior=alternate height=420><IMG style="FILTER: Alpha(opacity=50)" height=420 src="http://s11.sinaimg.cn/orignal/5e1a7abfg92933602a80a&amp;690"><IMG style="FILTER: Alpha(opacity=50)" height=420 src="http://s3.sinaimg.cn/orignal/5e1a7abfg9293363a0e72&amp;690"><IMG style="FILTER: Alpha(opacity=50)" height=420 src="http://s11.sinaimg.cn/orignal/5e1a7abfg92933602a80a&amp;690"><IMG style="FILTER: Alpha(opacity=50)" height=420 src="http://s3.sinaimg.cn/orignal/5e1a7abfg9293363a0e72&amp;690"><IMG style="FILTER: Alpha(opacity=50)" height=420 src="http://s11.sinaimg.cn/orignal/5e1a7abfg92933602a80a&amp;690"><IMG style="FILTER: Alpha(opacity=50)" height=420 src="http://s3.sinaimg.cn/orignal/5e1a7abfg9293363a0e72&amp;690"></MARQUEE></DIV>

 
  

效果图二代码

<DIV align=center>
<MARQUEE style="WIDTH: 100%" scrollAmount=2 behavior=alternate height=450><IMG height=450 src="http://s16.sinaimg.cn/orignal/5e1a7abfg929335edcdcf&amp;690"><IMG height=450 src="http://static2.photo.sina.com.cn/orignal/5e1a7abfg929336115081&amp;690"><IMG height=450 src="http://s16.sinaimg.cn/orignal/5e1a7abfg929335edcdcf&amp;690"><IMG height=450 src="http://static2.photo.sina.com.cn/orignal/5e1a7abfg929336115081&amp;690"><IMG height=450 src="http://s16.sinaimg.cn/orignal/5e1a7abfg929335edcdcf&amp;690"><IMG height=450 src="http://static2.photo.sina.com.cn/orignal/5e1a7abfg929336115081&amp;690"></MARQUEE></DIV>
<DIV style="MARGIN-TOP: -450px; MARGIN-LEFT: 0px">
<MARQUEE style="WIDTH: 100%" scrollAmount=2 direction=right behavior=alternate height=450><IMG style="FILTER: Alpha(opacity=50)" height=450 src="http://s16.sinaimg.cn/orignal/5e1a7abfg929335edcdcf&amp;690"><IMG style="FILTER: Alpha(opacity=50)" height=450 src="http://static2.photo.sina.com.cn/orignal/5e1a7abfg929336115081&amp;690"><IMG style="FILTER: Alpha(opacity=50)" height=450 src="http://s16.sinaimg.cn/orignal/5e1a7abfg929335edcdcf&amp;690"><IMG style="FILTER: Alpha(opacity=50)" height=450 src="http://static2.photo.sina.com.cn/orignal/5e1a7abfg929336115081&amp;690"><IMG style="FILTER: Alpha(opacity=50)" height=450 src="http://s16.sinaimg.cn/orignal/5e1a7abfg929335edcdcf&amp;690"><IMG style="FILTER: Alpha(opacity=50)" height=450 src="http://static2.photo.sina.com.cn/orignal/5e1a7abfg929336115081&amp;690"></MARQUEE></DIV>

 

 

效果图三代码

<DIV align=center>
<MARQUEE style="WIDTH: 100%" scrollAmount=2 behavior=alternate height=418><IMG height=418 src="http://static10.photo.sina.com.cn/orignal/5e1a7abfg92933635b069&amp;690"><IMG height=418 src="http://s10.sinaimg.cn/orignal/5e1a7abfg9293360b7a39&amp;690"><IMG height=418 src="http://static10.photo.sina.com.cn/orignal/5e1a7abfg92933635b069&amp;690"><IMG height=418 src="http://s10.sinaimg.cn/orignal/5e1a7abfg9293360b7a39&amp;690"><IMG height=418 src="http://static10.photo.sina.com.cn/orignal/5e1a7abfg92933635b069&amp;690"><IMG height=418 src="http://s10.sinaimg.cn/orignal/5e1a7abfg9293360b7a39&amp;690"></MARQUEE></DIV>
<DIV style="MARGIN-TOP: -418px; MARGIN-LEFT: 0px">
<MARQUEE style="WIDTH: 100%" scrollAmount=2 direction=right behavior=alternate height=418><IMG style="FILTER: Alpha(opacity=50)" height=418 src="http://static10.photo.sina.com.cn/orignal/5e1a7abfg92933635b069&amp;690"><IMG style="FILTER: Alpha(opacity=50)" height=418 src="http://s10.sinaimg.cn/orignal/5e1a7abfg9293360b7a39&amp;690"><IMG style="FILTER: Alpha(opacity=50)" height=418 src="http://static10.photo.sina.com.cn/orignal/5e1a7abfg92933635b069&amp;690"><IMG style="FILTER: Alpha(opacity=50)" height=418 src="http://s10.sinaimg.cn/orignal/5e1a7abfg9293360b7a39&amp;690"><IMG style="FILTER: Alpha(opacity=50)" height=418 src="http://static10.photo.sina.com.cn/orignal/5e1a7abfg92933635b069&amp;690"><IMG style="FILTER: Alpha(opacity=50)" height=418 src="http://s10.sinaimg.cn/orignal/5e1a7abfg9293360b7a39&amp;690"></MARQUEE></DIV>

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

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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