Rumah > hujung hadapan web > tutorial js > Contoh untuk menerangkan cara js melaksanakan animasi menatal mendatar dan menegak elemen dom

Contoh untuk menerangkan cara js melaksanakan animasi menatal mendatar dan menegak elemen dom

藏色散人
Lepaskan: 2022-08-07 09:37:04
ke hadapan
2731 orang telah melayarinya

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

>Cadangan berkaitan: [Tutorial video JavaScript] 

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!

Label berkaitan:
sumber:csdn.net
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan