Rumah  >  Artikel  >  hujung hadapan web  >  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

藏色散人
藏色散人ke hadapan
2022-08-07 09:36:152667semak imbas

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!

Kenyataan:
Artikel ini dikembalikan pada:csdn.net. Jika ada pelanggaran, sila hubungi admin@php.cn Padam