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利用canvas绘制两点间曲线和箭头
这篇文章主要为大家详细介绍了Javascript如何利用canvas实现在两点间绘制曲线和矩形,并且在矩形中绘制文字,感兴趣的小伙伴可以跟随小编一起学习一下
2023-10-10
给js文件传参数(详解)
这篇文章主要介绍了给js文件传参数的方法,需要的朋友可以参考下
2014-07-07
浅谈下拉菜单中的Option对象
Option 对象代表 HTML 表单中下拉列表中的一个选项。在 HTML 表单中 <option> 标签每出现一次，一个 Option 对象就会被创建。您可通过表单的 elements[] 数组访问一个 Option 对象，或者通过使用 document.getElementById()。
2015-05-05
JS三级联动代码格式实例详解
这篇文章主要介绍了JS三级联动代码格式实例详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
2019-12-12
javascript加号"+"的二义性说明
单个的加号作为运算符在 JavaScript 中有三种作用。
2013-03-03
JavaScript flash复制库类 Zero Clipboard
开发中经常会用到复制的功能，在 IE 下实现比较简单。但要想做到跨浏览器比较困难了。
2011-01-01
JavaScript中的数值范围介绍
这篇文章主要介绍了JavaScript中的数值范围介绍,本文是对JavaScript中Number类型的追根究底,读完本文将会对Number类型有一个彻底了解,需要的朋友可以参考下
2014-12-12
javascript浏览器窗口之间传递数据的方法
这篇文章主要介绍了javascript浏览器窗口之间传递数据的方法,实例分析了父窗口与子窗口之间传递参数的使用技巧,非常具有实用价值,需要的朋友可以参考下
2015-01-01
如何用javascript控制上传文件的大小
如何用javascript控制上传文件的大小...
2006-10-10
使用js完成节点的增删改复制等的操作
本文为大家详细介绍下使用js完成节点的增删改复制等的操作，具体的实现如下，感兴趣的朋友可以参考下
2014-01-01

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

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具