jquery實現聚光燈效果的方法_jquery

本文實例講述了jquery實現聚光燈效果的方法。分享給大家供大家參考。具體分析如下：

有時網站需要用jquery實現一種圖片聚光燈特效，當滑鼠滑過單組中的單一圖示時，當前高亮，其它圖示變暗的這種類似圖片聚光燈特效。其實現原理為首先讓滑鼠觸及當前圖片後，讓其他圖片全部透明化，然後顯示出當前的提示語，當滑鼠移開以後隱藏當前的提示語，讓所有的背景顏色的透明度變回正常。這裡就來介紹如何用jquery達到聚光燈效果

jquery實現聚光燈效果圖如下：

jquery代碼

複製程式碼 程式碼如下: