用CSS+JS控制Li背景颜色交替

作者: 浏览: 发布日期:2011-04-01
[导读]:

<html>
<head>
<title>用CSS+JS控制Li背景颜色交替</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>
</body>
</html>


免责声明:本文来源于网络,版权归原作者所有,仅供大家共同分享学习,如作者认为涉及侵权,请与我们联系,我们核实后立即删除。本站地址:http://www.sjz2.cn/news/show-715.html
请填写下方表单,我们会尽快与您联系
感谢您的咨询,我们会尽快给您回复!