js怎么实现点击循环切换颜色
就是只有一个背景白色的div框，点击一下换成红色色，再点下又变回白色，可以循环点击。只通过js改变css实现，求详解..............................
就是只有一个背景白色的div框，点击一下换成红色色，再点下又变回白色，可以循环点击。只通过js改变css实现，
求详解
........................................... 展开
求详解
........................................... 展开
3个回答
展开全部
你可以先将要出现的颜色，存储到一个数组里，点击时切换数组里的元素就可以了。
下面是小例子：
<body>
<div style="width:100px; height:100px; border:1px solid #ccc;"></div>
</body>
<script>
var sColor = ['red','blue','yellow','gray'];
var oDiv = document.getElementsByTagName('div')[0];
var iNum = 0;
oDiv.onclick = function(){
this.style.background = sColor[iNum%sColor.length];
iNum++;
};
</script>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
so easy
如果是多个颜色的话可以放到颜色数组里(自己建的数组里面放需要的颜色)
如果是两个颜色切换就更简单了,获取当前的颜色设置为不同的颜色即可
如果是多个颜色的话可以放到颜色数组里(自己建的数组里面放需要的颜色)
如果是两个颜色切换就更简单了,获取当前的颜色设置为不同的颜色即可
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
通过点击事件切换图片/背景色即可，可以通过一个全局变量来记录当前的状态，每次点击更改css和状态就行了
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
