导航:首页 > 编程语言 > js怎么改变按钮的颜色

js怎么改变按钮的颜色

 发布时间：2025-02-12 00:26:24

⑴ 需求一个js 或者 jq 通过点击一个按钮，来改变2个div的背景颜色

<!DOCTYPEhtml>
<html>
<head>
<metacharset="UTF-8">
<title>jquerycookie</title>
<scriptsrc="http://libs..com/jquery/1.8.0/jquery.min.js"></script>
<title>颜色互换</title>
</head>
<body>
<style>
.div1{width:100px;height:100px;background:#00F;}
.div2{width:100px;height:100px;background:#f00;}
.div3{width:100px;height:100px;background:#3F6;;}
</style>
<divclass="div1"><inputname=""type="checkbox"value="a">AAAAAA</div>
<br>
<divclass="div2"><inputname=""type="checkbox"value="b">BBBBBB</div>
<br>
<divclass="div3"><inputname=""type="checkbox"value="c">cccccc</div>
<br>
<inputname=""type="button"value="点击">
<script>
$(function(){
$("input:button").click(function(){
varlen=$(":checked").length;
if(len<=1){
alert("请选择两种颜色");
}elseif(len>2){
alert("不能超过两种颜色");
}else{
varbackground1=$(":checked").eq(0).parent().css("background");
varbackground2=$(":checked").eq(1).parent().css("background");
$(":checked").eq(0).parent().css("background",background2);
$(":checked").eq(1).parent().css("background",background1);
}
});
});
</script>
</body>
</html>

⑵ 鼠标点击按钮时变颜色js代码

<input type="button" id="subBtn" onclick="this.style.backgroundColor='red';showSubscribe()"
class="but1" value="订阅号管理">
<input type="button" id="msgBtn" onclick="this.style.backgroundColor='red';showMsgCollection()"
class="but1" value="图文集管理">

⑶ 用js写 有六个按钮点击按钮会变色 然后其他按钮恢复原来的颜色

可以使用js的css方法实现点击按钮会变色，然后其他按钮恢复原来的颜色。

具体步骤如下：

需要准备的材料分别是：电脑、浏览器、ultraedit。

1、在ue编辑器中新建一个空白的html文件，js文件。

⑷ 如何用js实现点击按钮改变表格中的一个单元格的背景颜色

<script language="javascript" type="text/javascript">
function chgbg(id){
var obj=window.document.getElementById(id);
var bg=obj.style.backgroundColor;
if(bg=='') obj.style.backgroundColor='#f00'
else obj.style.backgroundColor=''
}
</script>
<table width="100%" border="1" cellspacing="0" cellpadding="4">
<tr>
<td id="td1"> </td>
<td id="td2"> </td>
<td id="td3"> </td>
</tr>
<tr>
<td id="td4"> </td>
<td id="td5"> </td>
<td id="td6"> </td>
</tr>
</table>
<input type="button" value="点击改变指定单元格回背景答" onClick="chgbg('td1');" />

⑸ JS设置点击按钮改变DIV的颜色，两种颜色切换改变。

1、background=='#000'
2、oDiv.style.dbackground='FF0000';dbackground 拼错了

⑹ 求助~怎么实现按钮点击一次之后，按钮不能再点击了，变为灰色,下面代码怎么更改

1、首先新建html页面，抄设置一个button按钮。

⑺ js循环5个按钮，实现点击每个按钮弹出对应的颜色（红黄粉 绿蓝）

<html>
<script type="text/javascript">
function f(n)
{
switch(n)
{
case 0:
alert("红");
break;
case 1:
alert("黄");
break;
case 2:
alert("粉");
break;
case 3:
alert("绿");
break;
case 4:
alert("蓝");
break;
}
}
</script>
<form>
<input type="button" value="红" onclick="f(0)" />
<input type="button" value="黄" onclick="f(1)" />
<input type="button" value="粉" onclick="f(2)" />
<input type="button" value="绿" onclick="f(3)" />
<input type="button" value="蓝" onclick="f(4)" />
</form>
</html>

阅读全文

与js怎么改变按钮的颜色相关的资料

热点内容
录像在哪个文件夹 浏览：587
图表如何一次性全部标记数据标签 浏览：597
压缩文件在微信里咋不能传送 浏览：88
编辑修改微信转发内容 浏览：465
qq手机改密码后电脑不能登录 浏览：616
电信运营商181文件 浏览：415
千里马计划33版本 浏览：438
网络k歌什么声卡好2016 浏览：802
usb共享网络无法使用 浏览：747
电视的浏览器在哪个文件夹 浏览：319
ps的缓存文件恢复 浏览：466
s编程里面第一个索引指什么 浏览：786
怎么做订阅号的小程序 浏览：950
cubase设置文件格式 浏览：441
jstl调用静态方法 浏览：323
javaio节点流 浏览：620
如何清除华为x7电池数据 浏览：854
如何清除桌面大量临时文件 浏览：908
文件夹背景半透明 浏览：958
v格式文件 浏览：207

友情链接