网页特效--图片淡入淡出效果

1.通过CSS实现图片淡入淡出效果：

主要是应用到了CSS3的动画特效中的animation-delay来打一个时间差，首先将第一张图片的opacity(透明度)设置为1，其他的图片则设置为0，在设置动画时长时根据你要显示的时间(如2s)，则设置动画时长为2s x 图片张数，我的则是10s，相应的animation-delay则是从第一张为0开始，依次+2递增；

代码如下：

2.通过JavaScript来实现淡入淡出：

主要是通过js中的setTimeout()函数与setInterval()函数实现的，通过setTimeout()函数不同的延迟时间来调用改变透明度的函数startMove()，而在startMove()函数中则有setInterval()函数定时地减小透明度；

代码如下：

实现效果的GIF图如下：