Rumah >hujung hadapan web >tutorial js >kaedah jquery untuk mencapai spotlight effect_jquery

kaedah jquery untuk mencapai spotlight effect_jquery

WBOY
WBOYasal
2016-05-16 16:15:181713semak imbas

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

Salin kod Kod adalah seperti berikut:




jquery聚光灯插件制作jquery图片特效鼠标滑过图片当前图片高亮





   
   
   
   
   
   





Ich hoffe, dass dieser Artikel für alle bei der jQuery-Programmierung hilfreich sein wird.

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn