怎么使用js实现导航点击变颜色，再点击下一个，上一个恢复原来的颜色？ 5
<style>#dh{width:100px;height:30px;background:brown;list-style-type:none;float:left;l...
<style>
#dh{
width: 100px;
height: 30px;
background: brown;
list-style-type: none;
float: left;
line-height: 30px;
text-align: center;
cursor: pointer;
}
#dh:hover{
cursor: pointer;
color: white;
background: burlywood;
}
</style>
<script type="text/javascript">
window.onload = function() {
var dh = document.getElementById('dh');
dh.onclick = function() {
if(dh.style.background = 'brown') {
dh.style.background = 'burlywood';
} else {
dh.style.background = 'brown';
}
}
}
</script>
</head>
<body>
<ul>
<li id="dh">导航一</li>
<li id="dh">导航2</li>
<li id="dh">导航3</li>
<li id="dh">导航4</li>
<li id="dh">导航5</li>
</ul>
</body> 展开
#dh{
width: 100px;
height: 30px;
background: brown;
list-style-type: none;
float: left;
line-height: 30px;
text-align: center;
cursor: pointer;
}
#dh:hover{
cursor: pointer;
color: white;
background: burlywood;
}
</style>
<script type="text/javascript">
window.onload = function() {
var dh = document.getElementById('dh');
dh.onclick = function() {
if(dh.style.background = 'brown') {
dh.style.background = 'burlywood';
} else {
dh.style.background = 'brown';
}
}
}
</script>
</head>
<body>
<ul>
<li id="dh">导航一</li>
<li id="dh">导航2</li>
<li id="dh">导航3</li>
<li id="dh">导航4</li>
<li id="dh">导航5</li>
</ul>
</body> 展开
1个回答
2017-11-04 · 【免费测试，验证码5秒必达】
北京巴卜技术有限公司
北京巴卜技术有限公司(以下简称巴卜)是具备国际水准的移动商务平台技术和应用方案提供商。自成立以来，巴卜始终 致力于为国内外企业提供具备国际技术水准的移动商务平台及运营服务。
向TA提问
关注
![]()
展开全部
页面名称 #div { height: 200px; width: 200px; border: 1px solid red;}#div.blue { border-color: blue;}
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
