手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >用CSS+JS实现Li背景颜色交替
用CSS+JS实现Li背景颜色交替
摘要:xker.com.l1{background:#ffffff}.l2{background:#f4f4f4}functioninitUl()...

 <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背景颜色交替】相关文章:

纯CSS代码实现翻页焦点图效果

怎样用CSS实现大背景网页效果

CSS背景色镂空技术实际应用及进阶分享

用CSS实现段落前面缩进两个字

CSS实现左图右文混排布局的方法

CSS DIV实现Yahoo搜索框的制作

CSS+jQuery实现的在线答题功能

CSS 3实现DIV圆角效果完整代码

CSS+DIV表格背景透明内容不透明

表格颜色渐变效果

精品推荐
分类导航