實現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程序設計有所幫助。