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

实现效果：         

主要实现方法：

html：

管理员信息管理

• 添加管理员信息
• 查看管理员信息

XX信息管理

• XX
• XX

css:

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

js:

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

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