首页  >  问答  >  正文

javascript - Jquery焦点图淡入淡出效果求指教

定时器每隔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...

难道我方法用错了?

大家讲道理大家讲道理2693 天前761

全部回复(2)我来回复

  • 我想大声告诉你

    我想大声告诉你2017-06-28 09:27:51

    效果如下链接描述

    .slide{
        position:relative;
    }
    li{
        position:absolute;
    }

    回复
    0
  • 仅有的幸福

    仅有的幸福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>

    回复
    0
  • 取消回复