html+css+js如何实现以下功能

2025-05-13 17:54:41

推荐回答（3个）

回答（1）：

举个例子：
用jquery来实现的话太简单了、前提是你页面中有引入jquery库。没有的话自己下一个jquery，然后引入页面就OK了。
实现原理就是通过js给为奇数的div一个为sytle01的类名。为偶数的div给一个style02类名，类名可以自己随便设置。然后能CSS给相应的类定义样式就OK了。

html例子：

灰色灰色灰色灰色灰色灰色

白色白色白色白色白色白色

灰色灰色灰色灰色灰色灰色

白色白色白色白色白色白色

jquery代码：

$(document).ready(function () {
$(".div001 div:even").attr("class","style01"); //这里的.div001对应html里面的class=“div001”

$(".div001 div:odd").attr("class","style02");
});

CSS 样式：

.style01{background:#eee;}

.style02{background:#fff;}

回答（2）：

用jQuery行
$(document).ready(function(){
var divArr = jQuery("div");

for(var i=0;i
/*设置显示/隐藏*/

if(divArr[i]在数据库中){
divArr[i].className = "show";
}else{
divArr[i].className = "hide";
}

/*隔行变色*/
jQuery("div.show:even").css("background","#ffffff");
jQuery("div.show tr:odd").css("background","#f8f8f8");

}

});

回答（3）：

映入jQuery 框架啊。。
会简单很多。。