怎么使用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> 展开
2017-11-04 · 【免费测试，验证码5秒必达】
北京巴卜技术有限公司
北京巴卜技术有限公司(以下简称巴卜)是具备国际水准的移动商务平台技术和应用方案提供商。自成立以来，巴卜始终 致力于为国内外企业提供具备国际技术水准的移动商务平台及运营服务。
向TA提问
关注
![]()
展开全部
页面名称 #div { height: 200px; width: 200px; border: 1px solid red;}#div.blue { border-color: blue;}
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
博思aippt
2024-07-20 广告
博思AIPPT是基于ai制作PPT的智能在线工具，它提供了4种AI制作PPT的方式，包括AI生成大纲、AI直接生成PPT、文本生成PPT、AI提炼文档生成PPT，一站式集成多种AI生成PPT的方式，可满足办公用户的不同需求和使用场景。ai生...
点击进入详情页
本回答由博思aippt提供
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
