用CSS+JS实现Li背景颜色交替

<html>

<head>

<title>xker.com</title>

<style>

.l1{background:#ffffff}

.l2{background:#f4f4f4}

</style>

<script>

function initUl(){

var a=document.getElementsByTagName(‘ul’);

for (var i=0;i<a.length;i++){

var v=document.getElementsByTagName(‘li’);

var ii=1;

for (var j=0;j<v.length;j++){

if (v[j].parentNode==a[i]){

if (ii++%2==0){

v[j].className="l2";

}

else{

v[j].className="l1";

}

}

}

}

}

</script>

</head>

<body onload="initUl()">

<ul>

<li>1</li>

<li>2</li>

<li>3</li>

<li>4</li>

<li>5</li>

<li>6</li>

</ul>

<p>

懂得接受失败的人,就是懂得人生真谛的人,

用CSS+JS实现Li背景颜色交替

相关文章:

你感兴趣的文章:

标签云: