HTML部分
<ul id="main-menu" class="main-menu">
<li>
<a href="loginController.do?login">首页</a>
</li>
<li>
<a href="loginController.do?menu">栏目一</a>
</li>
<li>
<a href="loginController.do?nav">栏目二</a>
</li>
<li>
<a href="loginController.do?submenu">栏目三</a>
</li>
<li>
<a href="loginController.do?subnav">栏目四</a>
</li>
</ul>
css部分
.main-menu a:hover,.main-menu a.active{background:red;color:#fff;}/*高亮css*/
js部分
<script type="text/javascript">
$(".main-menu a").each(function(){
url = $(this).attr('href');//获取当前页面路径
urlstr = location.href.substring(26);//URL字符串截取第26位之后判断与a标签href值是否相等
if(url==urlstr){
$(this).addClass('active');//添加高亮效果
}
});
</script>