a2373699537

代码制作

subblogrdt83705262m73:

   

效果图一

 

 

 

   

效果图二

 

 

 

   

 效果图三

 

 

  
  

图片素材一

 

 

 
  

图片素材二

 

 

 

图片素材三

 

 

 

图片素材四

 

 

 

图片素材五·

 

 
 

 图片素材六

 

 

 注   释

 

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

 特别说明：图片素材来源于网络。

 

  

  

  

  

  

点击图片看昭昭 公主的文字博客

    

  

   

  

效果图一代码

<DIV align=center>
 <MARQUEE style="WIDTH: 100%" scrollAmount=2 behavior=alternate height=420><IMG height=420 src="https://s11.sinaimg.cn/orignal/5e1a7abfg92933602a80a&amp;690"><IMG height=420 src="https://s3.sinaimg.cn/orignal/5e1a7abfg9293363a0e72&amp;690"><IMG height=420 src="https://s11.sinaimg.cn/orignal/5e1a7abfg92933602a80a&amp;690"><IMG height=420 src="https://s3.sinaimg.cn/orignal/5e1a7abfg9293363a0e72&amp;690"><IMG height=420 src="https://s11.sinaimg.cn/orignal/5e1a7abfg92933602a80a&amp;690"><IMG height=420 src="https://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="https://s11.sinaimg.cn/orignal/5e1a7abfg92933602a80a&amp;690"><IMG style="FILTER: Alpha(opacity=50)" height=420 src="https://s3.sinaimg.cn/orignal/5e1a7abfg9293363a0e72&amp;690"><IMG style="FILTER: Alpha(opacity=50)" height=420 src="https://s11.sinaimg.cn/orignal/5e1a7abfg92933602a80a&amp;690"><IMG style="FILTER: Alpha(opacity=50)" height=420 src="https://s3.sinaimg.cn/orignal/5e1a7abfg9293363a0e72&amp;690"><IMG style="FILTER: Alpha(opacity=50)" height=420 src="https://s11.sinaimg.cn/orignal/5e1a7abfg92933602a80a&amp;690"><IMG style="FILTER: Alpha(opacity=50)" height=420 src="https://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="https://s16.sinaimg.cn/orignal/5e1a7abfg929335edcdcf&amp;690"><IMG height=450 src="https://static2.photo.sina.com.cn/orignal/5e1a7abfg929336115081&amp;690"><IMG height=450 src="https://s16.sinaimg.cn/orignal/5e1a7abfg929335edcdcf&amp;690"><IMG height=450 src="https://static2.photo.sina.com.cn/orignal/5e1a7abfg929336115081&amp;690"><IMG height=450 src="https://s16.sinaimg.cn/orignal/5e1a7abfg929335edcdcf&amp;690"><IMG height=450 src="https://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="https://s16.sinaimg.cn/orignal/5e1a7abfg929335edcdcf&amp;690"><IMG style="FILTER: Alpha(opacity=50)" height=450 src="https://static2.photo.sina.com.cn/orignal/5e1a7abfg929336115081&amp;690"><IMG style="FILTER: Alpha(opacity=50)" height=450 src="https://s16.sinaimg.cn/orignal/5e1a7abfg929335edcdcf&amp;690"><IMG style="FILTER: Alpha(opacity=50)" height=450 src="https://static2.photo.sina.com.cn/orignal/5e1a7abfg929336115081&amp;690"><IMG style="FILTER: Alpha(opacity=50)" height=450 src="https://s16.sinaimg.cn/orignal/5e1a7abfg929335edcdcf&amp;690"><IMG style="FILTER: Alpha(opacity=50)" height=450 src="https://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="https://static10.photo.sina.com.cn/orignal/5e1a7abfg92933635b069&amp;690"><IMG height=418 src="https://s10.sinaimg.cn/orignal/5e1a7abfg9293360b7a39&amp;690"><IMG height=418 src="https://static10.photo.sina.com.cn/orignal/5e1a7abfg92933635b069&amp;690"><IMG height=418 src="https://s10.sinaimg.cn/orignal/5e1a7abfg9293360b7a39&amp;690"><IMG height=418 src="https://static10.photo.sina.com.cn/orignal/5e1a7abfg92933635b069&amp;690"><IMG height=418 src="https://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="https://static10.photo.sina.com.cn/orignal/5e1a7abfg92933635b069&amp;690"><IMG style="FILTER: Alpha(opacity=50)" height=418 src="https://s10.sinaimg.cn/orignal/5e1a7abfg9293360b7a39&amp;690"><IMG style="FILTER: Alpha(opacity=50)" height=418 src="https://static10.photo.sina.com.cn/orignal/5e1a7abfg92933635b069&amp;690"><IMG style="FILTER: Alpha(opacity=50)" height=418 src="https://s10.sinaimg.cn/orignal/5e1a7abfg9293360b7a39&amp;690"><IMG style="FILTER: Alpha(opacity=50)" height=418 src="https://static10.photo.sina.com.cn/orignal/5e1a7abfg92933635b069&amp;690"><IMG style="FILTER: Alpha(opacity=50)" height=418 src="https://s10.sinaimg.cn/orignal/5e1a7abfg9293360b7a39&amp;690"></MARQUEE></DIV>