li隔行换色效果代码升级版

更新时间：2008年05月13日 23:35:56 作者：

增加了对同一ID内的多个子容器中的tag(标签)分别做隔行处理。div+css布局下，也可以控制了

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN" xml:lang="zh-CN"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="keywords" content="PRcss,xhtml,html,css,js,book,个人主页,无聊,神经,懒惰" /> <meta name="description" content="PRcss的个人主页,无聊的,神经的,懒惰的..." /> <meta name="Author" content="PRcss,qq:50198763" /> <meta name="Copyright" content="本页版权归PRcss所有。All Rights Reserved" /> <title>隔行换色 2 - www.jb51.net</title> <script type="text/javascript"></script> <style type="text/css"></style> </head> <body> <div id="a">     <ul>     <li>1</li>     <li>2</li>     <li>3</li>     <li>4</li>     <li>5</li>     <li>6</li>         <li>7</li>     </ul>     <ul>     <li>1</li>     <li>2</li>     <li>3</li>     <li>4</li>     <li>5</li>     <li>6</li>         <li>7</li>     </ul>     <ul>     <li>1</li>     <li>2</li>     <li>3</li>     <li>4</li>     <li>5</li>     <li>6</li>         <li>7</li>     </ul> </div> <script type="text/javascript"></script> <div id="b">     <ul>     <li>1</li>     <li>2</li>     <li>3</li>     <li>4</li>     <li>5</li>     <li>6</li>         <li>7</li>     </ul>     <ul>     <li>1</li>     <li>2</li>     <li>3</li>     <li>4</li>     <li>5</li>     <li>6</li>         <li>7</li>     </ul>     <ul>     <li>1</li>     <li>2</li>     <li>3</li>     <li>4</li>     <li>5</li>     <li>6</li>         <li>7</li>     </ul> </div> <script type="text/javascript"></script> </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

您可能感兴趣的文章:

javascript通过navigator.userAgent识别各种浏览器
识别各种浏览器的实现原理是根据navigator.userAgent返回值识别，下面有个不错的示例，感兴趣的朋友可以参考下
2013-10-10
如何通过JavaScript、css、H5实现简单的tab栏切换和复用功能
tab切换在项目中也算是常用技术,一般实现tab切换都用js或者jq实现,下面这篇文章主要给大家介绍了关于如何通过JavaScript、css、H5实现简单的tab栏切换和复用功能的相关资料,需要的朋友可以参考下
2022-11-11
Bootstrap基本插件学习笔记之Popover提示框(19)
这篇文章主要为大家详细介绍了Bootstrap基本插件学习笔记之Popover提示框的相关资料,具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2016-12-12
微信小程序模板与设置WXML实例讲解
这篇文章主要介绍了微信小程序模板与设置WXML，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2022-08-08
js字符串去重复id的实现代码
最近由于需要我们将相关id的重复的去掉，一个是客户端一个后台程序把关，这里分享下js的去重复id的实现代码
2013-07-07
js+css3实现简单时钟特效
这篇文章主要为大家详细介绍了js+css3实现简单时钟特效，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2020-09-09
Ionic3 UI组件之autocomplete详解
这篇文章主要为大家详细介绍了Ionic3 UI组件之autocomplete的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-06-06
js函数参数设置默认值的一种变通实现方法
js函数中有个储存参数的数组arguments，因此js版支持参数默认值的函数可以通过另外一种变通的方法实现
2014-05-05
Javascript自定义排序 node运行实例
Javascript自定义排序 node运行实例，需要的朋友可以参考一下
2013-06-06
Google Map Api和GOOGLE Search Api整合实现代码
将GOOGLE MAP API 和 GOOGLE Search API 进行整合，我用面向对象的方式写了一个类，通过传一个经纬度进去，自动通过GOOGLE LOCAL SEARCH获取附近的相关信息。比如餐厅、景点等，反过来标到地图上，并可在任意容器内显示。
2009-07-07