jquery實(shí)現(xiàn)帶二級(jí)菜單的導(dǎo)航示例
$(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');
});
});
- jQuery實(shí)現(xiàn)的淡入淡出二級(jí)菜單效果代碼
- 基于jQuery實(shí)現(xiàn)的向下滑動(dòng)二級(jí)菜單效果代碼
- jquery實(shí)現(xiàn)像柵欄一樣左右滑出式二級(jí)菜單效果代碼
- jquery+css實(shí)現(xiàn)的紅色線條橫向二級(jí)菜單效果
- jQuery實(shí)現(xiàn)向下滑出的二級(jí)菜單效果實(shí)例
- 鼠標(biāo)懸浮顯示二級(jí)菜單效果的jquery實(shí)現(xiàn)
- jquery實(shí)現(xiàn)樹形二級(jí)菜單實(shí)例代碼
- 用jquery生成二級(jí)菜單的實(shí)例代碼
- jquery實(shí)現(xiàn)的簡單二級(jí)菜單效果代碼
相關(guān)文章
基于jQuery實(shí)現(xiàn)多層次的手風(fēng)琴效果附源碼
今天我們要與大家分享一個(gè)漂亮而靈活的垂直 jQuery 手風(fēng)琴效果。其主要思想是擴(kuò)大手風(fēng)琴片上的點(diǎn)擊和顯示更多的信息。感興趣的朋友可以參考下本文2015-09-09Javascript中封裝window.open解決不兼容問題
window.open不兼容,其實(shí)不是, 因?yàn)椴荒苤苯訄?zhí)行, 必須通過用戶手動(dòng)觸發(fā)才行,下面有個(gè)實(shí)例,大家可以看看2014-09-09JQuery 插件模板 制作jquery插件的朋友可以參考下
JQuery 插件模板 制作jquery插件的朋友可以參考下2010-03-03jQuery插件開發(fā)的兩種方法及$.fn.extend的詳解
jQuery插件開發(fā)分為兩種:1 類級(jí)別、2 對象級(jí)別,下面為大家詳細(xì)介紹下2014-01-01