"li隔行变色"代码

转载 2006年06月22日 15:24:00
在经典论坛上一朋友问了这一问题,偶以前只试过表格隔行变色,li倒还真没有试过,不过感觉不难,于是就写了下面这段代码,实现了这个功能,自己收藏起来了.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<style type="text/css">
.style1
{color:#f00;background:#eee}
.style2
{color:#00f;background:#ccc}
</style>
<script type="text/javascript">
    
function chgListStyle(id){
        
var objId=document.getElementById(id);
        
if(objId){
            
for(var i=0;objId.childNodes[i]!=undefined;i++){
                
if(i%2==0)
                    objId.childNodes[i].className
="style1";
                
else
                    objId.childNodes[i].className
="style2";
            }
        }
}
</script>
</HEAD>
<BODY>
<ul id="a">
<li>test</li>
<li>test</li>
<li>test</li>
<li>test</li>
<li>test</li>
</ul>
<script type="text/javascript">
chgListStyle(
"a");
</script>
</BODY>
</HTML>

相关文章推荐

比较有用的li列表的隔行变色

  • 2012年04月28日 17:59
  • 4KB
  • 下载

li隔行划过点击变色

  • 2011年01月05日 22:55
  • 893B
  • 下载

div li隔行变色 鼠标悬浮高亮显示 jquery控制css样式

$("table tr").eq(1).remove();              //删除第一行数据 $("#tbl1").find("tr").eq(0).remove();  //删除第一行数...

网页里面表格隔行变色代码

  • 2013年11月20日 22:52
  • 957B
  • 下载

JS实现li隔行换色

  • 2012年12月27日 20:01
  • 2KB
  • 下载

用bootstrap实现表格隔行变色,hover 变色并在需要时出现滚动条

边框表格布局 名称 城市 密码...

CSS2+JS实现table隔行变色

  • 2013年05月07日 12:49
  • 301KB
  • 下载

记录js学习中的问题-隔行变色

刚开始学习js,昨晚遇到一个问题。 首先,实现隔行变色:通过for循环,依次改变li标签的className; 其次,通过给每个元素添加一个属性名,用来保存鼠标选中之前的className,从而实现鼠...

表格隔行变色

  • 2013年10月18日 09:03
  • 635B
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:"li隔行变色"代码
举报原因:
原因补充:

(最多只允许输入30个字)