学步园

假如页面中有以下菜单

<ul class="nav navbar-nav">
	<li class="active"><a href="/index.html">首页</a></li>
	<li id="archive"><a href="/archive.html">归档</a></li>
	<li id="categorys"><a href="/categorys.html">分类</a></li>
	<li id="about"><a href="/about.html">关于</a></li>
</ul>

如果不是Bootstrap自行定义active CSS样式

<script type="text/javascript">
	$(document).ready(function() {
		$(".navbar-nav li").click(function() {
			$(this).addClass("active").siblings().removeClass("active");
		});
	});
</script>

作者：itmyhome