jquery 实现两级导航菜单附效果图

2020-05-22 16:24:29易采站长站整理

switch(this.id) {
case ‘topmenu_home’:
$(‘.nav_list’).hide();
$(‘#homebo’).show();
$(‘#homebo a’).first().click();
break;
case ‘topmenu_itlearn’:
$(‘.nav_list’).hide();
$(‘#itlearnbo’).show();
$(‘#itlearnbo a’).first().click();
break;
case ‘topmenu_baike’:
$(‘.nav_list’).hide();
$(‘#baikebo’).show();
$(‘#baikebo a’).first().click();
break;
case ‘topmenu_scisrc’:
$(‘.nav_list’).hide();
$(‘#scisrcbo’).show();
$(‘#scisrcbo a’).first().click();
break;
case ‘topmenu_more’:
$(‘.nav_list’).hide();
$(‘#morebo’).show();
$(‘#morebo a’).first().click();
break;
default : break;
}
}
);
$(‘#nav a’).click(
function() {
setContentSize(contentHeight, docWidth-15);
$(‘#nav .select’).removeClass(‘select’);
$(this).addClass(‘select’);
switch(this.id) {
case ‘myblogModule’:
$(‘#maincontent’).attr(‘src’, ‘http://blog.csdn.net/lovesqcc’);
break;
case ‘ifeveModule’:
setContentSize(contentHeight+80, docWidth-15);
$(‘#maincontent’).attr(‘src’, ‘http://ifeve.com/’);
break;
case ‘csdnModule’:
$(‘#maincontent’).attr(‘src’, ‘http://csdn.net’);
break;
case ‘infoqModule’:
$(‘#maincontent’).attr(‘src’, ‘http://www.infoq.com/cn/’);
break;
case ‘boleModule’:
$(‘#maincontent’).attr(‘src’, ‘http://blog.jobbole.com/’);
break;
case ‘itcommentModule’:
$(‘#maincontent’).attr(‘src’, ‘http://www.vaikan.com/’);
break;
case ‘wikiModule’:
$(‘#maincontent’).attr(‘src’, ‘http://zh.wikipedia.org/zh-tw/Wikipedia’);
break;
case ‘zhihuModule’:
$(‘#maincontent’).attr(‘src’, ‘http://www.zhihu.com/’);
break;
case ‘acmModule’:
$(‘#maincontent’).attr(‘src’, ‘http://www.acm.org/’);
break;
case ‘xiamiModule’:
$(‘#maincontent’).attr(‘src’, ‘http://www.xiami.com’);
break;
case ‘opencourseModule’:
$(‘#maincontent’).attr(‘src’, ‘http://v.163.com/special/ted10collection/’);
break;
default:
break;
}
}
);
$(‘.nav_list’).hide();
$(‘#topmenu_home’).click();
showtime();
}
);
</script>
</head>
<body>
<div id=”header”>