巧用jquery解決下拉菜單被Div遮擋的相關(guān)問題
更新時間:2014年02月13日 09:10:40 作者:
本篇文章主要是對巧用jquery解決下拉菜單被Div遮擋的相關(guān)問題進(jìn)行了介紹,需要的朋友可以過來參考下,希望對大家有所幫助
用jquery的hover事件,當(dāng)鼠標(biāo)移動到menu時,把遮擋下拉菜單的div設(shè)置為負(fù)值,鼠標(biāo)離開時恢復(fù)正值,
代碼如下:
復(fù)制代碼 代碼如下:
$("#menu").hover( function() {
$(".divName").css("z-index", "-1");
}, function() {
$(".divName").css("z-index", "0");
});
您可能感興趣的文章:
- Jquery帶搜索框的下拉菜單
- 用jquery實現(xiàn)的一個超級簡單的下拉菜單
- jquery仿京東導(dǎo)航/仿淘寶商城左側(cè)分類導(dǎo)航下拉菜單效果
- jQuery點擊彈出下拉菜單的小例子
- JQuery設(shè)置獲取下拉菜單某個選項的值(比較全)
- 來自國外的30個基于jquery的Web下拉菜單
- jquery 多級下拉菜單核心代碼
- jquery實現(xiàn)鼠標(biāo)滑過顯示二級下拉菜單效果
- jquery實現(xiàn)下拉菜單的二級聯(lián)動利用json對象從DB取值顯示聯(lián)動
- jquery實現(xiàn)多級下拉菜單的實例代碼
- jQuery 漸變下拉菜單
- jQuery實現(xiàn)的無限級下拉菜單功能示例
相關(guān)文章
讓人印象深刻的10個jQuery手風(fēng)琴效果應(yīng)用
jQuery 是最流行的 JavaScript 開發(fā)框架,它簡化了 HTML 文檔遍歷,事件處理,動畫以及 Ajax 交互,幫助 Web 開發(fā)人員更快速的實現(xiàn)各種精美的界面效果2012-05-05Jquery利用mouseenter和mouseleave實現(xiàn)鼠標(biāo)經(jīng)過彈出層且可以點擊
這篇文章主要介紹了Jquery利用mouseenter和mouseleave實現(xiàn)鼠標(biāo)經(jīng)過彈出層且可以點擊。需要的朋友可以過來參考下,希望對大家有所幫助2014-02-02JQuery移動頁面開發(fā)之屏幕方向改變與滾屏的實現(xiàn)
這篇文章主要介紹了JQuery移動頁面開發(fā)之隨屏幕方向改變與滾屏的實現(xiàn),通過相關(guān)兩個事件的添加來達(dá)到響應(yīng)移動設(shè)備上操作的效果,需要的朋友可以參考下2015-12-12