javascript - Der Ein- und Ausblendeffekt der JQuery-Fokuskarte. Bitte geben Sie mir einen Rat
大家讲道理
大家讲道理 2017-06-28 09:25:51
0
2
755

Der Timer läuft alle 3 Sekunden zurück:

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

Aber der auf diese Weise erzeugte Effekt wird auffällig weiß sein und der Übergang ist überhaupt nicht natürlich. Ich brauche einen sehr natürlichen Übergangseffekt.

Beispiel für einen solchen Effekt: http://www.5icool.org/demo/20...

Habe ich die falsche Methode verwendet?

大家讲道理
大家讲道理

光阴似箭催人老,日月如移越少年。

Antworte allen(2)
我想大声告诉你

效果如下链接描述

.slide{
    position:relative;
}
li{
    position:absolute;
}
仅有的幸福

淡入淡出就是改变透明度,你可以尝试用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>
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!