javascript - masalah menatal paparan imej

Question

Sebagai contoh, gambar, sebahagian daripada screenshot, gambar ini semua dalam satu ul, jika ada 25 gambar. Skrin awal memaparkan 10 gambar Apabila butang lagi diklik, kesemua 10 gambar tatal ke atas dan disembunyikan. Tatal ke bawah adalah 10 gambar. Hanya 10 gambar boleh dipaparkan pada satu masa. Klik sekali lagi dan 5 gambar akan dipaparkan. Akhir sekali klik untuk kembali ke keadaan awal Bagaimana untuk mencapai kesan ini? Tolong jelaskan kepada semua orang. Tiada idea

Answer 1

Kawal dahulu kedudukan bekas induk:relatif,atas:0,kiri:0,peralihan:semua .5

Klik pertamaTolak ketinggian sepuluh gambar

Klik keduatolak ketinggian dua puluh gambar

......

Yang lain pun sama

Kali terakhir: atas:0

Answer 2

Adakah ia jenis karusel empat gambar? Prinsip

Answer 3

Jawapan betul di tingkat atas, umumnya karusel mengikut idea ini, mula-mula ibu bapa tidak bersembunyi, kemudian terus laraskan ketinggian dan ia akan menjadi ok

Answer 4

Jawapan yang betul di tingkat atas, karusel am mengikut idea ini, dan kesan animasi CSS juga bagus. Ia juga disyorkan untuk menggunakan animasi js jq untuk menulis, yang akan memberikan pengalaman yang lebih baik