JS css 前段 点击问题

当我点击一个导航的时候 后面的背景会变成深色 这是用到什么原理

利用onclick() 调用了一个改变样式的function（）;

a:hover{
background:red;
}

点击 a 标签时触发了onclick事件 更换了背景颜色

添加hover事件

 $("p").hover(function(){
$("p").css("background-color","yellow");
},function(){
$("p").css("background-color","pink");
});

加一个onclick事件，然后改变css就可以

添加样式控制的

网站导航栏目焦点设置

DOM操作和控件事件结合

dom 代码 :

var obj = document.getElementById("你的元素id");
obj.onclick = function(){
obj.style.background = "#CCCCCC";
}

jquery : var obj = $("#你的元素id");
obj.click(function(){
obj.css("background","#ffffff");
})