jQuery是一个优秀的JS库，广泛应用于网页开发中，提供了一种轻量级的解决方案，并兼容多个浏览器。其中的轮播淡入淡出效果也是很常用的功能。

$(function() {

var index = 0;

var length = $(\".img-lists li\").length;

setInterval(function() {

if (index >= length) {

index = 0;

}

var $liList = $(\".img-lists li\");

$liList.eq(index).fadeIn().siblings().fadeOut();

index++;

}, 2000);

上述代码实现了轮播淡入淡出的效果，具体实现步骤如下：

• 获取图片列表的长度length以及当前显示的图片index值；
• 通过setInterval函数实现自动轮播的效果；
• 通过fadeIn函数实现淡入的效果，并通过siblings函数淡出其他同级元素。
• 每隔2秒钟执行一次轮播动画。

通过这样简单的代码，就可以实现轮播淡入淡出的效果，通过不同的样式美化，使网站更加具有视觉效果，增强用户体验。