實現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聚光燈效果----無效果請刷新鼠標滑向當前圖片高亮顯示,其它圖片變灰希望本文所述對大家的jquery程序設計有所幫助。
-
Dreamweaver跳轉菜單的方法技巧介紹
什麼是跳轉菜單:跳轉菜單是文檔內的彈出菜單,對站點訪問者可見,並列出鏈接到文檔或文件的選項。可以創建到整個Web站點內文檔的鏈接、到其它Web站點上文檔的鏈接、電子郵件鏈接、到圖形的鏈接,也可以創建到可在瀏覽器中打開的`任何文件類型的鏈接以下是小編為大家...
-
PHP開發工程師的具體職責
PHP開發工程師的具體職責1職責:1,負責設計產品的前後台技術框架;2,承擔系統的開發工作,改進框架,基礎架構,持續優化服務;3,承擔關鍵項目的技術評審及總體設計,參與構建系統原型及關鍵技術問題的攻關活動;4,控制產品設計質量,制定產品開發規範、指導或撰寫方案、設計等文檔;5,...
-
如何理解Javascript的caller,callee,call,apply區別
在提到上述的概念之前,首先想説説javascript中函數的隱含參數:argumentsarguments該對象代表正在執行的函數和調用它的函數的參數。[function.]arguments[n]參數function:選項。當前正在執行的Function對象的名字。n:選項。要傳遞給Function對象的從0開始的參數值...
-
javascript中setInterval的用法總結
javascript中的setInterval的函數主要是在製作動畫或其他間隔性渲染(操作)效果時,對操作方法按照一定時間間隔進行調用的函數。setInterval的表達式格式主要有:setInterval(fnname,time,par1,par2,);setInterval(obj,fnname,time,par1,par2,);第一種是最常見的表達...