定时器每隔3秒回走一次:
var i = 0,
t = setInterval(function () {
i++;
i===3 ? i=0 : false;
$('.slide li').eq(i).fadeIn(300).siblings('li').fadeOut(300);
}, 3000);
但这样出来的效果会闪白,过渡的一点儿都不自然,我需要那很自然的过渡效果。
这样的效果示例:http://www.5icool.org/demo/20...
难道我方法用错了?
仅有的幸福2017-06-28 09:27:51
淡入淡出就是改变透明度,你可以尝试用css3的过渡
var i = 0,
t = setInterval(function () {
i++;
i===3 ? i=0 : false;
$('.slide li').eq(i).addClass("opacity").siblings('li').removeClass("opacity");
}, 3000);
<style>
.slide li{transition: all .3s; opacity:0;}
<style>