快捷導(dǎo)航

li隔行換色效果代碼升級(jí)版

更新時(shí)間：2008年05月13日 23:35:56 作者：

增加了對(duì)同一ID內(nèi)的多個(gè)子容器中的tag(標(biāo)簽)分別做隔行處理。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,個(gè)人主頁,無聊,神經(jīng),懶惰" /> <meta name="description" content="PRcss的個(gè)人主頁,無聊的,神經(jīng)的,懶惰的..." /> <meta name="Author" content="PRcss,qq:50198763" /> <meta name="Copyright" content="本頁版權(quán)歸PRcss所有。All Rights Reserved" /> <title>隔行換色 2 - chabaoo.cn</title>  <style type="text/css"></style> </head> <body> <div   class="ublnpf9mb"   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>  <div   class="ublnpf9mb"   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>  </body> </html>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]

您可能感興趣的文章:

相關(guān)文章

javascript通過navigator.userAgent識(shí)別各種瀏覽器
識(shí)別各種瀏覽器的實(shí)現(xiàn)原理是根據(jù)navigator.userAgent返回值識(shí)別，下面有個(gè)不錯(cuò)的示例，感興趣的朋友可以參考下
2013-10-10
如何通過JavaScript、css、H5實(shí)現(xiàn)簡(jiǎn)單的tab欄切換和復(fù)用功能
tab切換在項(xiàng)目中也算是常用技術(shù),一般實(shí)現(xiàn)tab切換都用js或者jq實(shí)現(xiàn),下面這篇文章主要給大家介紹了關(guān)于如何通過JavaScript、css、H5實(shí)現(xiàn)簡(jiǎn)單的tab欄切換和復(fù)用功能的相關(guān)資料,需要的朋友可以參考下
2022-11-11
Bootstrap基本插件學(xué)習(xí)筆記之Popover提示框(19)
這篇文章主要為大家詳細(xì)介紹了Bootstrap基本插件學(xué)習(xí)筆記之Popover提示框的相關(guān)資料,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-12-12
微信小程序模板與設(shè)置WXML實(shí)例講解
這篇文章主要介紹了微信小程序模板與設(shè)置WXML，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2022-08-08
js字符串去重復(fù)id的實(shí)現(xiàn)代碼
最近由于需要我們將相關(guān)id的重復(fù)的去掉，一個(gè)是客戶端一個(gè)后臺(tái)程序把關(guān)，這里分享下js的去重復(fù)id的實(shí)現(xiàn)代碼
2013-07-07
js+css3實(shí)現(xiàn)簡(jiǎn)單時(shí)鐘特效
這篇文章主要為大家詳細(xì)介紹了js+css3實(shí)現(xiàn)簡(jiǎn)單時(shí)鐘特效，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-09-09
Ionic3 UI組件之a(chǎn)utocomplete詳解
這篇文章主要為大家詳細(xì)介紹了Ionic3 UI組件之a(chǎn)utocomplete的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-06-06
js函數(shù)參數(shù)設(shè)置默認(rèn)值的一種變通實(shí)現(xiàn)方法
js函數(shù)中有個(gè)儲(chǔ)存參數(shù)的數(shù)組arguments，因此js版支持參數(shù)默認(rèn)值的函數(shù)可以通過另外一種變通的方法實(shí)現(xiàn)
2014-05-05
Javascript自定義排序 node運(yùn)行實(shí)例
Javascript自定義排序 node運(yùn)行實(shí)例，需要的朋友可以參考一下
2013-06-06
Google Map Api和GOOGLE Search Api整合實(shí)現(xiàn)代碼
將GOOGLE MAP API 和 GOOGLE Search API 進(jìn)行整合，我用面向?qū)ο蟮姆绞綄懥艘粋€(gè)類，通過傳一個(gè)經(jīng)緯度進(jìn)去，自動(dòng)通過GOOGLE LOCAL SEARCH獲取附近的相關(guān)信息。比如餐廳、景點(diǎn)等，反過來標(biāo)到地圖上，并可在任意容器內(nèi)顯示。
2009-07-07