<html>
<head>
<meta charset="utf-8" />
<title></title>
<script>
/**
* 可以用来写轮播图的按钮和导航按钮
*/
</script>
</head>
<body>
<input type="button" id="btn1" value="红色" style="background-color: red; color: #FFF;"/>
<input type="button" id="btn2" value="红色" style="background-color: red; color: #FFF;"/>
<input type="button" id="btn3" value="红色" style="background-color: red; color: #FFF;"/>
<input type="button" id="btn4" value="红色" style="background-color: red; color: #FFF;"/>
<script>
var res=document.getElementsByTagName("input");
for (var i=0;i<res.length;i++) {
res[i].onclick=function(){
for (var j=0;j<res.length;j++) {
res[j].value="红色";
res[j].style.backgroundColor="red";
}
this.value="黑色";
this.style.backgroundColor="black";
}
}
</script>
</body>
</html>
按钮排他功能
最新推荐文章于 2022-04-08 21:49:44 发布