Perbincangan ringkas tentang cara Javascript mencapai kemahiran motion_javascript yang seragam

Sukan dalam Javascript sering digunakan di laman web Kali ini saya ingin berkongsi dengan anda beberapa aplikasi asas gerakan. Ia adalah mudah untuk semua orang menggunakannya secara langsung semasa pembangunan.

Kodnya ringkas dan mudah difahami, sesuai untuk pemula. Akhir sekali, saya akan menyusun kerangka pergerakan saya sendiri selangkah demi selangkah.

Penyampaian kes aplikasi:

Gerakkan tetikus ke atas bahagian, dan div di sebelah kiri akan dipaparkan. Ia akan memulihkan dirinya sendiri jika anda mengeluarkannya. Saya percaya semua orang akan menggunakan ini. Mari kita lihat bagaimana kod itu dilaksanakan.

Salin kod Kod adalah seperti berikut: #div1 { lebar: 150px; ketinggian : 200px; latar belakang: hijau; jawatan: mutlak; kiri: -150px; } #div1 span { jawatan: mutlak; lebar: 20px; Tinggi: 60px; ketinggian garisan: 20px; latar belakang: biru; kanan: -20px; atas: 70px; }

Salin kod Kod adalah seperti berikut: Kongsi ke

Berikut ialah kod Javascript

Salin kod

Kod adalah seperti berikut: window.onload=function(){ var oDiv=document.getElementById("div1"); oDiv.onmouseover=function(){ startMove(0); }; oDiv.onmouseout=function(){ startMove(-150); }; } var time=null; fungsi startMove(iTraget){ var oDiv=document.getElementById("div1"); clearInterval(masa); time=setInterval(function(){ kelajuan var=0; if(oDiv.offsetLeft>iTraget){ kelajuan=-10; }lain{ kelajuan=10; } if(oDiv.offsetLeft==iTraget){ clearInterval(masa); }lain{ oDiv.style.left=oDiv.offsetKelajuan kiri 'px'; } },30); } Perkara:

Huruf kiri dalam gaya ialah -150, supaya div akan mengecil di dalam, dan jika 0, ia akan dipaparkan. Kemudian kita hanya perlu menukar nilai ini

Parameter iTarget dalam startMove ialah titik sasaran, menunjukkan titik sasaran mana ia akan berhenti.

Kawal saiz kelajuan untuk mengawal kelajuan pergerakan. Jika titik sasaran tercapai, hentikan pemasa.

Peraturan:

* Andaian

* kiri:30 iTarget:300 Ternyata pergi ke kanan adalah positif * kiri:600 iTarget:50 Ternyata pergi ke kiri adalah negatif * * Membuat kesimpulan kelajuan positif dan negatif melalui hubungan antara kedudukan semasa kiri dan titik sasaran iTarget

Nota: Anda perlu mematikan pemasa pada mulanya, kerana setiap kali anda bergerak untuk berkongsi, pemasa akan dihidupkan, semakin cepat anda menghidupkan pemasa kerana berbilang pemasa akan dilaksanakan pada masa yang sama.

Jadi pastikan pemasa berfungsi setiap masa.

Ikut prinsip: fungsi fungsi adalah sama, lebih sedikit parameter lebih baik, jadi mengikut peraturan di atas, kelajuan tidak diluluskan sebagai parameter.

Untuk memberi anda contoh dalam kehidupan: apabila anda menaiki teksi, secara amnya mustahil untuk memberitahu pemandu teksi ke mana anda pergi pada kelajuan 100 ela. Semasa menaiki teksi, anda tidak boleh memberitahu pemandu berapa laju anda mahu pergi

Jadi programnya adalah sama, di sini parameter kelajuan dialih keluar.

Sudah tentu rangka kerja sukan semasa masih mempunyai banyak masalah, yang akan diselesaikan pada masa hadapan. Dalam artikel seterusnya, kita akan membincangkan cara menghentikan gerakan seragam.