本文给大家分享的是使用原生的js和jQuery2种方法，分别实现图片轮播的淡入淡出效果的代码，非常实用，也方便小伙伴们对比分析，希望对大家学习js和jq能够有所帮助。

本文实例为大家介绍了基于jQuery实现淡入淡出轮播效果的关键代码，分享给大家供大家参考，具体内容如下： 基本原理：将所有图片绝对定位在同一位置，透明度设为0，然后通过jQuery的淡入淡出实现图片的切换效果。 html代码： 一个轮播 #scrollPlay{ width: 730px; height

图片轮播有很多种方式，这里采用其中的 淡入淡出形式 js原生和jQuery都可以实现，jquery因为封装了很多用法，所以用起来就简单许多，转换成js使用，其实也就是用js原生模拟出这些用法。 但不管怎样，构造一个最基本的表现层是必须的 简单的图片轮播一般由几个部分构成。 对于淡入淡出式 1.首先是个外围部分（其实也就是最外边的整体wrapper) 2.接着就是你设置图片轮播的地方（也就是一个banner吧） 3.然后是一个图片组（可以用新的div 也可以直接使用 ul–>li形式） 4