JS改变div背景色

2025-02-24 18:17:47
推荐回答(1个)
回答1:



 
 js随机改变标签背景颜色 


* { margin:0; padding:0; }
body {font-size:12px;line-height:150%;font-family:"微软雅黑", Arial;text-align:center;}
h3 {font-size:16px;line-height:150%;}
.wrap {width:300px;margin:0 auto;}
.wrap ul {padding:15px 0;}
.wrap li {display:block;width:100%;overflow:hidden;height:30px;background:red;margin-top:5px;}


function switchColor() {
var c = ['#111', 'red', 'green', 'blue', '#ace', '#f60', '#ccc'];
var li = document.getElementById("bg").getElementsByTagName("li");
if(li) {
var total = c.length;
for(var i = 0, j = li.length; i < j; i++) {
// 随机颜色
var rnd = Math.floor(Math.random() * total);
li[i].style.backgroundColor = c[rnd];
}
}
}

 
 

js随机改变标签背景颜色




  • 第1个

  • 第2个

  • 第3个

  • 第4个

  • 第5个

  • 第6个




  •  

    这里为了方便直接用的LI标签,DIV也是一样的,由于颜色和LI标签的数量可以不同,所以用了个随机颜色,你稍微调整下就可以了,不过这个用jQuery额each来遍历最简单

    相关问答