简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
javascript - Peta fokus Jquery memudar dan memudar kesan, sila beri saya nasihat
大家讲道理
大家讲道理 2017-06-28 09:25:51
0
2
731

Pemasa berjalan semula setiap 3 saat: 

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

Tetapi kesan yang dihasilkan dengan cara ini akan menjadi putih berkilauan, dan peralihan itu tidak semula jadi saya memerlukan kesan peralihan yang sangat semula jadi.

Contoh kesan sedemikian: http://www.5icool.org/demo/20...

Adakah saya menggunakan kaedah yang salah?

大家讲道理
大家讲道理

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

membalas semua(2)
我想大声告诉你
我想大声告诉你2017-06-28 09:27:51 Tingkat 2

Kesannya diterangkan dalam pautan di bawah

.slide{
    position:relative;
}
li{
    position:absolute;
}
Suka +0
Tambah Balasan
仅有的幸福
仅有的幸福2017-06-28 09:27:51 Tingkat 1

Pudar masuk dan keluar adalah untuk menukar ketelusan, anda boleh cuba menggunakan peralihan 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>
Suka +0
Tambah Balasan
Topik popular
Lagi>
Artikel popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！