JavaScript如何设置获取焦点按钮的颜色
我的意思是一个导航条，背景色为灰色，鼠标在上面移动时会变色（蓝色），当鼠标点击按钮后按钮变成蓝色，当再点击另一个按钮时另一个按钮变成蓝色，第一个按钮再变回灰色。请各位大哥...
我的意思是一个导航条，背景色为灰色，鼠标在上面移动时会变色（蓝色），当鼠标点击按钮后按钮变成蓝色，当再点击另一个按钮时另一个按钮变成蓝色，第一个按钮再变回灰色。请各位大哥帮帮忙了。
<由于输入字数有限，所以就不能把代码贴出来让大家看了> 展开
<由于输入字数有限，所以就不能把代码贴出来让大家看了> 展开
3个回答
展开全部
通过js修改目标按钮的CSS里控制背景色的属性，例如：onblur="this.style.backgroundColor='white';"
本回答由网友推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<input type="button" onclick="test(this)" value="变颜色" />
function test(e){
e.style.backgroundColor = "red";
}
function test(e){
e.style.backgroundColor = "red";
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<script>
function over(num)
{
for(i=0;i<dh.length;i++)
{
dh[i].className="class1";
}
//alert(num);
dh[num].className="class2";
}
</script>
<style>
#dh{ text-align:center; width:100px; height:20px; float:left}
.class1{ background-color:#999999;}/*灰色*/
.class2{ background-color:#000099;}/*蓝色*/
</style>
<body>
<div id="dh" class="class1" onmouseover="over(0)" onclick="over(0)"><a href="#">首页</a></div>
<div id="dh" class="class1" onmouseover="over(1)" onclick="over(1)"><a href="#">公司简介</a></div>
<div id="dh" class="class1" onmouseover="over(2)" onclick="over(2)"><a href="#">联系我们</a></div>
</body>
function over(num)
{
for(i=0;i<dh.length;i++)
{
dh[i].className="class1";
}
//alert(num);
dh[num].className="class2";
}
</script>
<style>
#dh{ text-align:center; width:100px; height:20px; float:left}
.class1{ background-color:#999999;}/*灰色*/
.class2{ background-color:#000099;}/*蓝色*/
</style>
<body>
<div id="dh" class="class1" onmouseover="over(0)" onclick="over(0)"><a href="#">首页</a></div>
<div id="dh" class="class1" onmouseover="over(1)" onclick="over(1)"><a href="#">公司简介</a></div>
<div id="dh" class="class1" onmouseover="over(2)" onclick="over(2)"><a href="#">联系我们</a></div>
</body>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
