Maison > Questions et réponses > le corps du texte
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 ?
我想大声告诉你2017-06-28 09:27:51
L'effet est décrit dans le lien ci-dessous
.slide{
position:relative;
}
li{
position:absolute;
}
仅有的幸福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>