Bagaimana untuk melaksanakan kesan lapisan jQuery berikutan mouse movement_jquery

Contoh dalam artikel ini menerangkan cara jQuery melaksanakan kesan lapisan yang mengikuti pergerakan tetikus. Kongsikan dengan semua orang untuk rujukan anda. Analisis khusus adalah seperti berikut:

1. Matlamat asas

Tulis lapisan yang mengikuti pergerakan tetikus,

Kedudukan tetikus semasa dipaparkan dalam lapisan,

Seperti yang ditunjukkan di bawah:

Sebab mengapa lapisan ini menggunakan jQuery dan bukannya javascript adalah kerana kod jQuery mudah serasi dengan semua penyemak imbas arus perdana Sekurang-kurangnya IE8 tidak memerlukan bahagian besar kod seperti javascript.

2. Proses pengeluaran

Inti percubaan ini ialah acara mousemove dalam jquery,

Dicetuskan apabila tetikus bergerak.

Kod adalah seperti berikut:

/*Sepasang e.pageX dan e.pageY boleh mendapatkan koordinat semasa tetikus Ambil perhatian bahawa parameter e formal digunakan dalam pengisytiharan fungsi awal*/
$(dokumen).mousemove(fungsi (e) {
var x;
var y;
var xy="
x coordinate: " e.pageX ", y coordinate: " e.pageY; x=e.pageX; y=e.pageY;
Dokumen .getElementById("mousePosition").style.left = x "px"; Document .getElementById("mousePosition").style.top = y "px"
$("#mousePosition").html(xy); })




Saya harap artikel ini akan membantu pengaturcaraan jQuery semua orang.