Artikel ini akan memperkenalkan kepada anda cara melaksanakan animasi tatal mendatar dan menegak bagi elemen DOM dalam js. Saya harap ia akan membantu rakan yang memerlukan!
Animasi menatal dilaksanakan melalui settimeout, menyokong klik berulang untuk menjadi lebih pantas
Menyokong penatalan mendatar dan penatalan menegak akan menimpa jarak yang belum ditatal kali terakhir. 🎜>Cara menggunakan
1. Salin kod di bawah; 🎜 >3. Fungsi menerima 3 parameter dom: elemen untuk menjadi ruang gelongsor: jarak yang akan ditatal dengan mengklik sekali Sama ada untuk menatal ke atas/ke kiri
Pengubahsuaian fungsi
movingColumn
moving
Tatal ke kedudukan sasaran beberapa kali dalam masa yang ditetapkan 60 ialah kadar penyegaran yang boleh dikenali oleh mata manusia
istop/isLeft
Masa setiap tatal ialah
const hz = 60
Atas ialah kandungan terperinci Contoh untuk menerangkan cara js melaksanakan animasi menatal mendatar dan menegak elemen dom. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!