jquery實現(xiàn)帶二級菜單的導航示例
$(document).ready(function () {
$('#Top .Toolbar1 .CentreBox .Menu .List1 li').mouseenter(function () {
var index = $(this).parent().children().index(this);
$(this).parent().children().each(function () {
if ($(this).hasClass('Select')) {
$(this).removeClass('Select');
}
});
$(this).addClass('Select');
$('#Top .Toolbar2 .CentreBox .Menu').each(function () {
if (!$(this).hasClass('Hide')) {
$(this).addClass('Hide');
}
});
$('#Top .Toolbar2 .CentreBox .Menu').eq(index).removeClass('Hide');
});
$('#Top .Toolbar2 .CentreBox .Menu ul li a').mouseenter(function () {
var index = $('#Top .Toolbar2 .CentreBox .Menu ul li a').index(this);
$('#Top .Toolbar2 .CentreBox .Menu ul li').each(function () {
if ($(this).hasClass('Select')) {
$(this).removeClass('Select');
}
});
$(this).parent().addClass('Select');
});
});
相關文章
延遲執(zhí)行在某些特殊的情況下還是蠻有用的，實現(xiàn)的方法也很簡單，本文有個不錯的示例，有需要的朋友可以參考下，希望對大家有所幫助2013-08-08
jquery+ajax實現(xiàn)省市區(qū)三級聯(lián)動(封裝和不封裝兩種方式)
這篇文章主要為大家詳細介紹了jquery+ajax實現(xiàn)省市區(qū)三級聯(lián)動的相關代碼，包括封裝和不封裝兩種方式，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-05-05
這篇文章主要幫助大家快速理解jQuery瀏覽器窗口、網(wǎng)頁文檔及可視窗口的各種高度,需要的朋友可以參考下2014-07-07
Javascript中封裝window.open解決不兼容問題
window.open不兼容,其實不是, 因為不能直接執(zhí)行, 必須通過用戶手動觸發(fā)才行，下面有個實例，大家可以看看2014-09-09
本篇文章是基于JQuery在線制作的ppt在線演示，非常高大尚，效果非常好，需要的朋友可以參考下。2015-09-09
jQuery+CSS實現(xiàn)一個側(cè)滑導航菜單代碼
側(cè)滑菜單在網(wǎng)站設計中應用比較廣泛，在許多網(wǎng)站上都可以看到此種類型的菜單。本文給大家介紹jQuery+CSS實現(xiàn)一個側(cè)滑導航菜單代碼，需要的朋友參考下吧2016-05-05
jquery動態(tài)添加以及遍歷option并獲取特定樣式名稱的option方法
下面小編就為大家分享一篇jquery動態(tài)添加以及遍歷option并獲取特定樣式名稱的option方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-01-01
利用JQuery的load函數(shù)動態(tài)加載其它頁面的內(nèi)容的實現(xiàn)代碼
利用JQuery的load函數(shù)動態(tài)加載別的頁面的代碼，方便實時獲取別的頁面的內(nèi)容。2010-12-12
使用jquery的朋友不得不看的,jquery ui接口，提升jquery的效率2008-09-09
這篇文章主要為大家詳細介紹了簡單實現(xiàn)jQuery進度條輪播實例代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-06-06