實現jQuery滑鼠滑向當前圖片高亮顯示並且其它圖片變灰的方法

本文例項講述了jQuery實現滑鼠滑向當前圖片高亮顯示並且其它圖片變灰的方法。分享給大家供大家參考。具體如下：

滑鼠滑向當前圖片高亮顯示，其它圖片變灰 這個 網頁特效一些商城經常用到比如淘寶，當用戶滑鼠移到某一個圖片時候變亮 周圍圖片變灰，形成對比增加使用者體驗

這個jquery特效的原理是：滑鼠滑過當前元素，找到他的`同輩元素i,併為它加上opacity_bg類，滑鼠移出當前元素，到他的同輩元素i,並移除它加上opacity_bg類景

核心js程式碼如下：

$(document)y(function(){ $("ul li")r(function(){ $(this)ings()("i")lass("opacity_bg"); //滑鼠滑過當前元素，找到他的同輩元素i,併為它加上opacity_bg類 },function(){ $(this)ings()("i")veClass("opacity_bg"); //滑鼠移出當前元素，到他的同輩元素i,並移除它加上opacity_bg類景 })})

執行效果如下圖所示：

程式碼如下:

希望本文所述對大家的jquery程式設計有所幫助。