首頁 > web前端 > js教程 > jquery實現聚光燈效果的方法_jquery

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

WBOY
發布: 2016-05-16 16:15:18
原創
1726 人瀏覽過

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

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

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

jquery代碼

複製程式碼 程式碼如下:




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





   
   
   
   
   
   


熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板