Maison  >  Questions et réponses  >  le corps du texte

javascript - Effet de fondu entrant et sortant de la carte de focus Jquery, donnez-moi quelques conseils s'il vous plaît

Le chronomètre recule toutes les 3 secondes :

    var i = 0,
    t = setInterval(function () {
        i++;
        i===3 ? i=0 : false;
        $('.slide li').eq(i).fadeIn(300).siblings('li').fadeOut(300);
    }, 3000);

Mais l'effet produit de cette façon sera d'un blanc flashy, et la transition n'est pas du tout naturelle. J'ai besoin d'un effet de transition très naturel.

Exemple d'un tel effet : http://www.5icool.org/demo/20...

Ai-je utilisé la mauvaise méthode ?

大家讲道理大家讲道理2693 Il y a quelques jours762

répondre à tous(2)je répondrai

  • 我想大声告诉你

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

    L'effet est décrit dans le lien ci-dessous

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

    répondre
    0
  • 仅有的幸福

    仅有的幸福2017-06-28 09:27:51

    Le fondu entrant et sortant consiste à changer la transparence, vous pouvez essayer d'utiliser la transition 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>

    répondre
    0
  • Annulerrépondre