导航栏刷新 背景颜色改变

<script type="text/javascript">
getUrlParameters(name){
    var reg=new RegExp("(^|&)"+name+"=([^&]*)(&|$)","i");
    var r=window.location.search.substr(1).match(reg);
    if(r!=null)return unescape(r[2]);
    return null
}
$(document).ready(function(){
    var targetIndex=parseInt(getUrlParameters("viewid"));
    $(".menu ul li").eq(targetIndex).addClass("focus");
});
</script>
<div class="menu">
<div class="head">关于我们</div>
<div class="body">
<ul>
        <li><a href="about.html?viewid=0" class="i">简介</a></li>
        <li><a href="honor.html?viewid=1" class="i">荣誉</a></li>
        <li><a href="history.html?viewid=2" class="i">大事记</a></li>
        <li><a href="contact.html?viewid=3" class="i">联系我们</a></li>
        <li><a href="job.html?viewid=4" class="i">招贤纳才</a></li>
</ul>
</div>
</div>

转载于:https://blog.51cto.com/excelsior/1323132