导航栏图标背景颜色随点击发生变化

实现效果：         

主要实现方法：

html：

<div>

<div>管理员信息管理</div>

<ul>

<li class=""><a class="nav-a">添加管理员信息</a></li>

<li class=""><a class="nav-a">查看管理员信息</a></li>

</ul>

<div>XX信息管理</div>

<ul>

<li class=""><a class="nav-a">XX</a></li>

<li class=""><a class="nav-a">XX</a></li>

</ul>

</div>

css:

.nav-li{
background-color:#D8D8EB;
}

js:

$(".nav-a").click(function(){
$("ul").find("li").removeClass("nav-li");
$(this).parent().addClass("nav-li");
    });
});

OK，通过上面的这一点配置，就能够实现点击导航栏超链接变换背景的功能了。也可以运用到其他需要的地方。