Bagaimana untuk menukar penunjuk tetikus menggunakan OnMouseOver

Pengarang: Charles Brown
Tarikh Penciptaan: 7 Februari 2021
Tarikh Kemas Kini: 1 November 2024
Anonim
CS50 2015 - Week 9
Video.: CS50 2015 - Week 9

Kandungan

Acara "OnMouseOver" dicetuskan apabila pengguna melewatkan penunjuk tetikus ke atas elemen halaman. Ini boleh berlaku dengan mana-mana unsur, seperti imej, butang, jadual, atau halaman itu sendiri. Anda boleh menukar ikon yang dipaparkan kepada pengguna apabila penunjuk tetikus melangkau ke atas unsur-unsur ini menggunakan Javascript dalam sifat kawalan. Acara "OnMouseOver" digunakan dengan "OnMouseOut", yang dicetuskan apabila penunjuk tetikus tidak lagi berada pada elemen, dan digunakan untuk ikon penunjuk untuk kembali ke imej asalnya.


Arahan

Acara "OnMouseOver" dicetuskan apabila anda melayang di atas elemen yang ditetapkan (imej tetikus komputer oleh Edyta Anna Grabowska dari Fotolia.com)

  1. Buka fail HTML dengan editor teks kegemaran anda. Tatal ke bawah ke elemen HTML yang anda ingin edit. Ia boleh menjadi apa-apa unsur pada halaman. Dalam contoh ini, label "

  2. Berikan kod Javascript ke acara "OnMouseOver" yang mengubah penunjuk tetikus. Kod berikut mengubah penunjuk ke tangan yang kecil apabila pengguna melayang ke atas imej:

  3. Dapatkan penunjuk tetikus kembali ke ikon asalnya apabila ia tidak lagi berada pada elemen. Sekiranya anda tidak mengkonfigurasi acara "OnMouseOut", tetikus terus berubah apabila pengguna melayari halaman tersebut. Kod berikut menyebabkan penunjuk tetikus kembali ke lalai: