js隔行变色、鼠标划过变色代码

隔行变色且鼠标划过变色的效果


.container ul{margin:0;padding:0;}
.container li{cursor:pointer;height:30px;width:200px;background-color:#FFC;line-height:30px;text-indent:1em;font-size:12px;}
.container .change{cursor:pointer;height:30px;width:200px;background-color:#C1F9CC;line-height:30px;text-indent:1em;font-size:12px;}
.container .current{cursor:pointer;height:30px;width:200px;background-color:#F66;line-height:30px;text-indent:1em;font-size:12px;}


window.onload = function() {
changeColor('content');
changeColor('content2');//写上要控制的UL的ID，想控制几个就控制几个
changeColor('content3');
}
function changeColor(id) {
var arrayli = document.getElementById(id).getElementsByTagName('li');
var bool = true;//奇数行为true
var oldStyle;//保存原有样式
for(var i = 0;i