【引用】多张图片波浪式滚动技巧（原创）

本文引用自舒芳诗林《多张图片波浪式滚动技巧（原创）》

 

 

 

 

 

 

 

 

 

效果图（一）代码

<DIV align=center>
<TABLE border=0 cellSpacing=0 cellPadding=0 width=850 align=center>
<TBODY>
<TR>
<TD background=http://image40.360doc.com/DownloadImg/2011/10/1913/18599077_5.jpg>
<CENTER>
<MARQUEE style="FILTER: wave(add=1,phase=10, freq=3,strength=100)" height=750 behavior=alternate width=850 beha scrolldely="100" align="center">
<TABLE border=0 cellSpacing=0 borderColor=#999999 cellPadding=0 width=1458 height=750>
<TBODY>
<TR>
<TD height=750 width=486><IMG style="FILTER: Alpha(opacity=100,style=2)" title="多张图片波浪式移动滚动技巧（原创） - 舒芳诗林 - 舒芳诗林的博客" alt="多张图片波浪式移动滚动技巧（原创） - 舒芳诗林 - 舒芳诗林的博客" src="http://image40.360doc.com/DownloadImg/2011/10/1913/18599077_1.jpg"></TD>
<TD height=750 width=486><IMG style="FILTER: Alpha(opacity=100,style=2)" title="多张图片波浪式移动滚动技巧（原创） - 舒芳诗林 - 舒芳诗林的博客" alt="多张图片波浪式移动滚动技巧（原创） - 舒芳诗林 - 舒芳诗林的博客" src="http://image40.360doc.com/DownloadImg/2011/10/1913/18599077_1.jpg"></TD>
<TD height=750 width=486><IMG style="FILTER: Alpha(opacity=100,style=2)" title="多张图片波浪式移动滚动技巧（原创） - 舒芳诗林 - 舒芳诗林的博客" alt="多张图片波浪式移动滚动技巧（原创） - 舒芳诗林 - 舒芳诗林的博客" src="http://image40.360doc.com/DownloadImg/2011/10/1913/18599077_1.jpg"></TD>
<TR></TR></TR></TBODY></TABLE></MARQUEE></CENTER></TD></TR>
<DIV></DIV></TBODY></TABLE></DIV>

补充说明： 1、add=1为透明叠加 add=0不叠加；phase=10为图片扭曲程度（数值越大扭曲越明显）；freq=3为图片扭曲力度，数值越大褶皱越多；strength=100为强度phase=  ；freq=  ；strength=  ；数值均可以在1...100内调整

2、其实这个效果，我们从代码可以看出，它是在图片雾化滚动代码的基础上添加了图片波浪扭曲参数，style="FILTER: wave(add=1,phase=10, freq=3,strength=100)" ，还有一个beha

3、效果图二，阿芳把黄色部分的数值修改为：style="FILTER: wave(add=1 phase=10, freq=70,strength=100)" 其余没变。效果图三，黄色部分的数值修改为：style="FILTER: wave(add=0,phase=1, freq=1,strength=100)"。效果图四：把黄色代码和粉红色代码进行对换

4、朋友在运用这个代码的时候要合理设置这几个参数的数值（add=  ；phase=  ；freq=  ；strength=  ；），才能看到满意的效果。其它方向移动也是一个原理，只需要插入黄色部分代码即可。

点击查看日志：图片波浪式复合移动特效大全

 

阿芳音画 音画欣赏 图片欣赏 边框分割 博客素材 Flash动画 养眼美女 情感天地 博客技巧 博客美化 我的收藏 图文欣赏 综合日志 电脑知识 点击查看本站更多精彩 休闲娱乐 节日祝福