我的意思是一个导航条，背景色为灰色，鼠标在上面移动时会变色（蓝色），当鼠标点击按钮后按钮变成蓝色，当再点击另一个按钮时另一个按钮变成蓝色，第一个按钮再变回灰色。请各位大哥帮帮忙了。
<由于输入字数有限，所以就不能把代码贴出来让大家看了>
JavaScript如何设置获取焦点按钮的颜色
答案:4 悬赏:0 手机版
解决时间 2021-03-01 04:16
- 提问者网友：喧嚣尘世
- 2021-02-28 20:29
最佳答案
- 五星知识达人网友：佘樂
- 2021-02-28 20:39
<script><br>function over(num)<br>{<br> for(i=0;i<dh.length;i++)<br> {<br> dh[i].className="class1";<br> }<br> //alert(num);<br> dh[num].className="class2";<br>}<br></script><br><style><br>#dh{ text-align:center; width:100px; height:20px; float:left}<br>.class1{ background-color:#999999;}<br>.class2{ background-color:#000099;}<br></style><br><body><br><div id="dh" class="class1" onmouseover="over(0)" onclick="over(0)"><a href="#">首页</a></div><br><div id="dh" class="class1" onmouseover="over(1)" onclick="over(1)"><a href="#">公司简介</a></div><br><div id="dh" class="class1" onmouseover="over(2)" onclick="over(2)"><a href="#">联系我们</a></div><br></body>
全部回答
- 1楼网友：街头电车
- 2021-02-28 23:50
<input type="button" onclick="test(this)" value="变颜色" />
function test(e){
e.style.backgroundColor = "red";
}
- 2楼网友：大漠
- 2021-02-28 22:41
<script><br>function over(num)<br>{<br> for(i=0;i<dh.length;i++)<br> {<br> dh[i].classname="class1";<br> }<br> //alert(num);<br> dh[num].classname="class2";<br>}<br></script><br><style><br>#dh{ text-align:center; width:100px; height:20px; float:left}<br>.class1{ background-color:#999999;}<br>.class2{ background-color:#000099;}<br></style><br><body><br><div id="dh" class="class1" onmouseover="over(0)" onclick="over(0)"><a href="#">首页</a></div><br><div id="dh" class="class1" onmouseover="over(1)" onclick="over(1)"><a href="#">公司简介</a></div><br><div id="dh" class="class1" onmouseover="over(2)" onclick="over(2)"><a href="#">联系我们</a></div><br></body>
- 3楼网友：有你哪都是故乡
- 2021-02-28 22:01
通过js修改目标按钮的CSS里控制背景色的属性，例如：onblur="this.style.backgroundColor='white';"
我要举报
如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！
大家都在看
推荐资讯