css如何点击a标签，自动调用id样式，求大神写个JS代码
打开页面出来，按钮1显示是亮到（红色），然后点按钮2之后按钮1变灰色，按钮2变红色，如何实现。代码如下：<!doctypehtml><html><head><metach...
打开页面出来，按钮1显示是亮到（红色），然后点按钮2之后按钮1变灰色，按钮2变红色，如何实现。
代码如下：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<style>
.div1 li a{ display:block; height:40px; width:80px; background:#999;}
.div1 li a:hover{ background:#F00;}
#a1{background:#F00;}
</style>
<body>
<div class="div1">
<ul>
<li><a href="" id="a1"><p>按钮1</p></a></li>
<li><a href=""><p>按钮2</p></a></li>
<li><a href=""><p>按钮3</p></a></li>
</ul>
</div>
</body>
</html>
在线等！~ 展开
代码如下：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<style>
.div1 li a{ display:block; height:40px; width:80px; background:#999;}
.div1 li a:hover{ background:#F00;}
#a1{background:#F00;}
</style>
<body>
<div class="div1">
<ul>
<li><a href="" id="a1"><p>按钮1</p></a></li>
<li><a href=""><p>按钮2</p></a></li>
<li><a href=""><p>按钮3</p></a></li>
</ul>
</div>
</body>
</html>
在线等！~ 展开
2个回答
展开全部
<li id="menu_1" onmousemove="changeBg(id);" style="background:red"></li>
<li id="menu_2" onmousemove="changeBg(id);" style="background:red"></li>
<li id="menu_3" onmousemove="changeBg(id);" style="background:red"></li>
//// js --------------
function changeBg(id)
{
$id = id.replace("menu_","");
for($i=1;$i<=5;$i++){
if($i == $id) {
document.getElementById("menu_"+$i).style.background = "red";
}else{
document.getElementById("menu_"+$i).style.background = "gray";
}
}
}
能看明白吗？
追问
看得懂，有不有简单点到？套用JQ到
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
