Rumah >hujung hadapan web >tutorial js >kaedah jquery untuk mencapai spotlight effect_jquery
Contoh dalam artikel ini menerangkan cara jquery melaksanakan kesan lampu sorot. Kongsikan dengan semua orang untuk rujukan anda. Analisis khusus adalah seperti berikut:
Kadangkala tapak web perlu menggunakan jquery untuk melaksanakan kesan lampu sorot gambar Apabila tetikus meluncur ke atas satu ikon dalam satu kumpulan, ikon semasa diserlahkan dan ikon lain menjadi gelap, serupa dengan kesan lampu sorot gambar. Prinsip pelaksanaan adalah untuk terlebih dahulu membiarkan tetikus menyentuh gambar semasa, membuat semua gambar lain telus, dan kemudian memaparkan gesaan semasa Apabila tetikus dialihkan, gesaan semasa disembunyikan dan ketelusan semua warna latar belakang kembali normal . Berikut ialah pengenalan cara menggunakan jquery untuk mencapai kesan lampu sorot
Rajah kesan lampu sorot yang dilaksanakan oleh jquery adalah seperti berikut:
kod jquery