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,個人主頁,無聊,神經(jīng),懶惰" /> <meta name="description" content="PRcss的個人主頁,無聊的,神經(jīng)的,懶惰的..." /> <meta name="Author" content="PRcss,qq:50198763" /> <meta name="Copyright" content="本頁版權歸PRcss所有。All Rights Reserved" /> <title>隔行換色 2 - www.dhdzp.com</title> <script type="text/javascript"></script> <style type="text/css"></style> </head> <body> <div   class="7hx2riu"   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   class="hpm2njq"   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需再刷新一下頁面才能執(zhí)行]

您可能感興趣的文章:

Javascript利用canvas繪制兩點間曲線和箭頭
這篇文章主要為大家詳細介紹了Javascript如何利用canvas實現(xiàn)在兩點間繪制曲線和矩形,并且在矩形中繪制文字,感興趣的小伙伴可以跟隨小編一起學習一下
2023-10-10
給js文件傳參數(shù)(詳解)
這篇文章主要介紹了給js文件傳參數(shù)的方法,需要的朋友可以參考下
2014-07-07
淺談下拉菜單中的Option對象
Option 對象代表 HTML 表單中下拉列表中的一個選項。在 HTML 表單中 <option> 標簽每出現(xiàn)一次，一個 Option 對象就會被創(chuàng)建。您可通過表單的 elements[] 數(shù)組訪問一個 Option 對象，或者通過使用 document.getElementById()。
2015-05-05
JS三級聯(lián)動代碼格式實例詳解
這篇文章主要介紹了JS三級聯(lián)動代碼格式實例詳解,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下
2019-12-12
javascript加號"+"的二義性說明
單個的加號作為運算符在 JavaScript 中有三種作用。
2013-03-03
JavaScript flash復制庫類 Zero Clipboard
開發(fā)中經(jīng)常會用到復制的功能，在 IE 下實現(xiàn)比較簡單。但要想做到跨瀏覽器比較困難了。
2011-01-01
JavaScript中的數(shù)值范圍介紹
這篇文章主要介紹了JavaScript中的數(shù)值范圍介紹,本文是對JavaScript中Number類型的追根究底,讀完本文將會對Number類型有一個徹底了解,需要的朋友可以參考下
2014-12-12
javascript瀏覽器窗口之間傳遞數(shù)據(jù)的方法
這篇文章主要介紹了javascript瀏覽器窗口之間傳遞數(shù)據(jù)的方法,實例分析了父窗口與子窗口之間傳遞參數(shù)的使用技巧,非常具有實用價值,需要的朋友可以參考下
2015-01-01
如何用javascript控制上傳文件的大小
如何用javascript控制上傳文件的大小...
2006-10-10
使用js完成節(jié)點的增刪改復制等的操作
本文為大家詳細介紹下使用js完成節(jié)點的增刪改復制等的操作，具體的實現(xiàn)如下，感興趣的朋友可以參考下
2014-01-01