jQuery xeyes meniru aplikasi xeyes Linux yang menampilkan dua mata yang terus-menerus mengikuti mouse pengguna di seluruh layar.
Plugin ini adalah versi dari program itu, dibuat 100% dalam JavaScript dan dapat digunakan pada setiap halaman web.
jQuery xeyes menggunakan rumus matematika sederhana untuk menghitung mana iris masing-masing mata harus ditampilkan berdasarkan saat posisi kursor mouse pengguna.
Formula ini mengambil posisi mouse pada halaman, posisinya di sumbu X, dan pusat mata itu sendiri.
Kemudian menciptakan segitiga dan menempatkan iris mata pada garis yang menghubungkan kursor mouse dengan pusat mata, pada posisi terdekat dari garis dekat dengan tepi mata.
Seperti mouse dipindahkan sekitar segitiga ini diperbarui, dan begitu juga posisi bola mata.
Sementara ini cukup sepele untuk setiap programmer berpengalaman, jQuery xeyes juga menyediakan pengembang dengan beberapa opsi tambahan yang memungkinkan mereka untuk menambahkan beberapa bantalan antara iris dan perbatasan mata, menunjukkan mata dalam posisi yang telah ditetapkan bila pengguna tidak menggerakkan mouse-nya dekat . mata, dan banyak lain yang lebih
Persyaratan :
- JavaScript diaktifkan pada sisi client
- jQuery
Komentar tidak ditemukan