"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>

利用Javascript实现隔行变色

new document .back{ background:#005aa0; } /** * 隔行变色 */ function change()...
  • java_zhaoyanli
  • java_zhaoyanli
  • 2016年03月01日 23:49
  • 1066

Jquery实现隔行变色问题

ul li     {         list-style-type: none;         }                     $(function () { ...
  • gengyudan
  • gengyudan
  • 2013年04月17日 20:55
  • 589

JSP简单隔行变色和日期格式化

以前好像在找,都没找到简单点的,所以后面就自己写了一个,感觉超级简单又好理解,分享给大家...
  • Jerome_s
  • Jerome_s
  • 2014年05月19日 12:49
  • 3432

用PHP和JS分别实现隔行换色

1.PHP实现隔行换色
  • qq_30292863
  • qq_30292863
  • 2015年12月01日 16:20
  • 975

表格变色例子

今天做了《锋利的Jquery》的表格变色的例子。作为一个这一行业的green-hander,我决定一步一个脚印从简单的做起,把基础打扎实,看书要和写代码结合起来。我决定把书中的每个例子看一遍再做一遍再...
  • natalie86
  • natalie86
  • 2015年01月17日 20:02
  • 480

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

边框表格布局 名称 城市 密码...
  • bawcwchen
  • bawcwchen
  • 2014年12月13日 17:47
  • 8661

Windows界面编程第八篇 listbox彩色显示隔行变色

本文配套程序下载地址为:http://download.csdn.net/detail/morewindows/5128660转载请标明出处,原文地址:http://blog.csdn.net/mor...
  • MoreWindows
  • MoreWindows
  • 2013年03月11日 09:52
  • 14161

jQuery动态生成隔行变色表格

jQuery动态生成隔行变色表格下载地址:http://download.csdn.net/detail/lypf19900912/8638743...
  • lypf19900912
  • lypf19900912
  • 2015年04月27日 20:42
  • 2516

WPF的Datagrid显示,样式(隔行)换色

WPF的Datagrid显示,样式(隔行)换色
  • yiranzhanqingcheng
  • yiranzhanqingcheng
  • 2016年03月28日 11:09
  • 325

使用javascript使特定的表格隔行变色

特定的表格隔行变色 (1)根据表格的id获取表格。 (2)在表格内获取元素。 (3)在元素下获取元素。 (4)循环输出获取的元素。 (5)对元素的索引值除以2并取模,...
  • qq_25067905
  • qq_25067905
  • 2016年08月01日 11:55
  • 313
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:"li隔行变色"代码
举报原因:
原因补充:

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