请问用 JQ 中的 fadeIn/fadeOut 轮播图,最后一张图到第一张图没有渐变效果,怎么解决?

2019-05-02 19:54:05 +08:00
 zss96
请问用 JQ 中的 fadeIn/fadeOut 轮播图,最后一张图到第一张图没有渐变效果,怎么解决?
代码如下
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
.lb{
width: 336px;
height: 196px;
overflow: hidden;
position: relative;
}
.lb li{
list-style: none;
}
</style>
<script src="jquery-1.12.4.min.js"></script>
</head>
<body>
<div class="lb">
<ul>
<li><img src="img/Rectangle1.png" alt=""></li>
<li><img src="img/Rectangle2.png" alt=""></li>
<li><img src="img/Rectangle3.png" alt=""></li>
</ul>
</div>
<script>
$(function () {
var count=0;
function changeImg() {
count++;
if(count==3){
count=0;
}
console.log(count);
$(".lb li").eq(count).stop().fadeIn().siblings("li").stop().fadeOut();
}
setInterval(changeImg,4000);
})

</script>
</body>
</html>
743 次点击
所在节点    问与答
0 条回复

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/560575

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX