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

 

 

效果图一

 

 

 

 

效果图二

 

 

 

 

 效果图三

 

 

 

图片素材一

 

 

 

图片素材二

 

 

图片素材三

 

 

图片素材四

 

 

图片素材五·

 

 图片素材六

 

 

 

 

 

 

 

 

 

效果图一代码

<DIV align=center>
<MARQUEE style="WIDTH: 100%" scrollAmount=2 behavior=alternate height=420><IMG height=420 src="http://s11.sinaimg.cn/orignal/5e1a7abfg92933602a80a&690"><IMG height=420 src="http://s3.sinaimg.cn/orignal/5e1a7abfg9293363a0e72&690"><IMG height=420 src="http://s11.sinaimg.cn/orignal/5e1a7abfg92933602a80a&690"><IMG height=420 src="http://s3.sinaimg.cn/orignal/5e1a7abfg9293363a0e72&690"><IMG height=420 src="http://s11.sinaimg.cn/orignal/5e1a7abfg92933602a80a&690"><IMG height=420 src="http://s3.sinaimg.cn/orignal/5e1a7abfg9293363a0e72&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&690"><IMG style="FILTER: Alpha(opacity=50)" height=420 src="http://s3.sinaimg.cn/orignal/5e1a7abfg9293363a0e72&690"><IMG style="FILTER: Alpha(opacity=50)" height=420 src="http://s11.sinaimg.cn/orignal/5e1a7abfg92933602a80a&690"><IMG style="FILTER: Alpha(opacity=50)" height=420 src="http://s3.sinaimg.cn/orignal/5e1a7abfg9293363a0e72&690"><IMG style="FILTER: Alpha(opacity=50)" height=420 src="http://s11.sinaimg.cn/orignal/5e1a7abfg92933602a80a&690"><IMG style="FILTER: Alpha(opacity=50)" height=420 src="http://s3.sinaimg.cn/orignal/5e1a7abfg9293363a0e72&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&690"><IMG height=450 src="http://s2.sinaimg.cn/orignal/5e1a7abfg929336115081&690"><IMG height=450 src="http://s16.sinaimg.cn/orignal/5e1a7abfg929335edcdcf&690"><IMG height=450 src="http://s2.sinaimg.cn/orignal/5e1a7abfg929336115081&690"><IMG height=450 src="http://s16.sinaimg.cn/orignal/5e1a7abfg929335edcdcf&690"><IMG height=450 src="http://s2.sinaimg.cn/orignal/5e1a7abfg929336115081&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&690"><IMG style="FILTER: Alpha(opacity=50)" height=450 src="http://s2.sinaimg.cn/orignal/5e1a7abfg929336115081&690"><IMG style="FILTER: Alpha(opacity=50)" height=450 src="http://s16.sinaimg.cn/orignal/5e1a7abfg929335edcdcf&690"><IMG style="FILTER: Alpha(opacity=50)" height=450 src="http://s2.sinaimg.cn/orignal/5e1a7abfg929336115081&690"><IMG style="FILTER: Alpha(opacity=50)" height=450 src="http://s16.sinaimg.cn/orignal/5e1a7abfg929335edcdcf&690"><IMG style="FILTER: Alpha(opacity=50)" height=450 src="http://s2.sinaimg.cn/orignal/5e1a7abfg929336115081&690"></MARQUEE></DIV>

 

 

效果图三代码

<DIV align=center>
<MARQUEE style="WIDTH: 100%" scrollAmount=2 behavior=alternate height=418><IMG height=418 src="http://s10.sinaimg.cn/orignal/5e1a7abfg92933635b069&690"><IMG height=418 src="http://s10.sinaimg.cn/orignal/5e1a7abfg9293360b7a39&690"><IMG height=418 src="http://s10.sinaimg.cn/orignal/5e1a7abfg92933635b069&690"><IMG height=418 src="http://s10.sinaimg.cn/orignal/5e1a7abfg9293360b7a39&690"><IMG height=418 src="http://s10.sinaimg.cn/orignal/5e1a7abfg92933635b069&690"><IMG height=418 src="http://s10.sinaimg.cn/orignal/5e1a7abfg9293360b7a39&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://s10.sinaimg.cn/orignal/5e1a7abfg92933635b069&690"><IMG style="FILTER: Alpha(opacity=50)" height=418 src="http://s10.sinaimg.cn/orignal/5e1a7abfg9293360b7a39&690"><IMG style="FILTER: Alpha(opacity=50)" height=418 src="http://s10.sinaimg.cn/orignal/5e1a7abfg92933635b069&690"><IMG style="FILTER: Alpha(opacity=50)" height=418 src="http://s10.sinaimg.cn/orignal/5e1a7abfg9293360b7a39&690"><IMG style="FILTER: Alpha(opacity=50)" height=418 src="http://s10.sinaimg.cn/orignal/5e1a7abfg92933635b069&690"><IMG style="FILTER: Alpha(opacity=50)" height=418 src="http://s10.sinaimg.cn/orignal/5e1a7abfg9293360b7a39&690"></MARQUEE></DIV>