Olahraga di JavaScript sering digunakan di situs web. Kali ini saya akan berbagi dengan Anda beberapa aplikasi dasar olahraga. Lebih mudah bagi semua orang untuk digunakan secara langsung selama pengembangan.
Kode ini sederhana dan mudah dimengerti dan cocok untuk pemula. Akhirnya, saya akan memilah kerangka kerja olahraga saya sendiri langkah demi langkah.
Rendering kasus aplikasi:
Pindahkan mouse untuk dibagikan dan div di sebelah kiri akan ditampilkan. Hapus dan pulih sendiri. Saya percaya bahwa semua orang akan menggunakan ini sangat praktis. Mari kita lihat bagaimana kode diimplementasikan.
Salinan kode adalah sebagai berikut:
<type style = "text/css">
#Div1 {
Lebar: 150px;
Tinggi: 200px;
Latar Belakang: Hijau;
Posisi: Absolute;
Kiri: -150px;
}
#Div1 span {
Posisi: Absolute;
Lebar: 20px;
Tinggi: 60px;
Line-Height: 20px;
Latar Belakang: Biru;
Kanan: -20px;
Atas: 70px;
}
</tyle>
Salinan kode adalah sebagai berikut:
<body>
<Div id = "Div1">
<span>
Berbagi ke
</span>
</div>
</body>
Berikut ini adalah kode JavaScript
Salinan kode adalah sebagai berikut:
<type skrip = "Teks/JavaScript">
window.onload = function () {
var odiv = document.geteLementById ("div1");
odiv.onmouseover = function () {
startMove (0);
};
odiv.onmouseout = function () {
startMove (-150);
};
}
var time = null;
function startMove (itraget) {
var odiv = document.geteLementById ("div1");
ClearInterval (waktu);
waktu = setInterval (function () {
var speed = 0;
if (odiv.offsetleft> itraget) {
Kecepatan = -10;
}kalau tidak{
Kecepatan = 10;
}
if (odiv.offsetleft == itraget) {
ClearInterval (waktu);
}kalau tidak{
odiv.style.left = odiv.offsetleft+kecepatan+'px';
}
}, 30);
}
</script>
Ide:
Kiri awal dalam gaya adalah -150. Div menyusut di dalam, dan itu akan ditampilkan jika diberikan 0. maka kita hanya perlu mengubah nilai ini
Parameter Itarget di StartMove adalah titik target, menunjukkan titik target mana yang akan Anda hentikan.
Mengontrol ukuran kecepatan dapat mengontrol kecepatan gerakan. Jika titik target tercapai, hentikan timer.
hukum:
* Asumsi
* Kiri: 30 Itarget: 300 diperoleh sebagai positif ke kanan
* Kiri: 600 itarget: 50 negatif ke kiri
*
* Hubungan antara posisi saat ini kiri dan titik target Itarget menyimpulkan kecepatan positif dan negatif
Catatan: Pengatur waktu harus dimatikan segera setelah Anda mulai, karena setiap kali Anda pindah untuk berbagi, timer akan dihidupkan. Semakin banyak Anda menyala, semakin cepat kecepatannya, karena akan ada beberapa timer untuk dieksekusi secara bersamaan.
Jadi setiap kali Anda harus memastikan bahwa satu timer berfungsi.
Ikuti: Fungsi fungsi yang sama, semakin sedikit parameter, semakin baik, jadi sesuai dengan aturan di atas, kecepatan tidak dilewati sebagai parameter.
Untuk memberi contoh dalam hidup: umumnya tidak mungkin naik taksi dan memberi tahu sopir taksi bahwa ia memiliki 100 yard ke mana pun ia mencapai. Anda tidak dapat memberi tahu master seberapa cepat Anda ingin berlari
Jadi programnya sama, sehingga parameter kecepatan dihapus di sini.
Tentu saja, akan ada banyak masalah dengan kerangka olahraga saat ini, yang akan diselesaikan satu demi satu di masa depan. Pada artikel berikutnya, mari kita bahas cara menghentikan gerakan seragam.