利用JavaScript的%做隔行換色的實(shí)例
更新時(shí)間：2017年11月25日 08:40:41 投稿：jingxian
下面小編就為大家分享一篇利用JavaScript的%做隔行換色的實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
如下所示：
<html>
<head>
<meta charset="utf-8">
<title>無(wú)標(biāo)題文檔</title>
<style type="text/css">
li {
list-style-type: none;
width: 300px;
height: 30px;
}
</style>
</head>
<body>
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
<script type="text/javascript">
var oli=document.getElementsByTagName('li');
for(var i=0;i<oli.length;i++)
{
if(i%2==0)
{
oli[i].style.background='#F17B7D';
}
else
{
oli[i].style.background='#EDB461';
}
}
</script>
</body>
</html>
以上這篇利用JavaScript的%做隔行換色的實(shí)例就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
然后請(qǐng)分析下程序,我出以下題目,供牛牛們練手(RPG游戲開(kāi)發(fā) - 實(shí)戰(zhàn),不搞理論,著重程序?qū)崿F(xiàn)思路).2009-04-04
JavaScript對(duì)象屬性操作實(shí)例解析
這篇文章主要介紹了JavaScript對(duì)象屬性操作實(shí)例解析,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-02-02
微信小程序?qū)崿F(xiàn)列表?xiàng)l件篩選
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)列表?xiàng)l件篩選，篩選框的效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-07-07
JavaScript的null和undefined區(qū)別示例介紹
在Javascript中對(duì)于這種生命后沒(méi)有給定初始值的變量，就給他一個(gè)undefined，如果要將一個(gè)標(biāo)識(shí)符聲明稱object類型，但是暫時(shí)不給他實(shí)例，那么就可以將它先初始化為null2014-09-09
側(cè)欄跟隨滾動(dòng)的簡(jiǎn)單實(shí)現(xiàn)代碼
側(cè)欄里的有些內(nèi)容滾動(dòng)到頁(yè)面頂端以后就固定在那個(gè)位置，不再跟隨滾動(dòng)條而滾動(dòng)，想必很多站長(zhǎng)朋友都想實(shí)現(xiàn)這個(gè)效果吧，接下來(lái)為大家詳細(xì)介紹下，感興趣的你可不要錯(cuò)過(guò)了哈2013-03-03
JavaScript雙向鏈表實(shí)現(xiàn)LFU緩存算法
本文主要介紹了JavaScript雙向鏈表實(shí)現(xiàn)LFU緩存算法，文中通過(guò)示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-01-01
為了使頁(yè)面更快的完成加載，經(jīng)常需要對(duì)javascript/css代碼進(jìn)行壓縮以減小體積，這里簡(jiǎn)單列一下用過(guò)的壓縮工具，同時(shí)也作為存檔2012-02-02
學(xué)習(xí)Javascript面向?qū)ο缶幊讨庋b
這篇文章主要幫助大家學(xué)習(xí)Javascript面向?qū)ο缶幊讨庋b，由淺入深的介紹了封裝的概念定義，感興趣的小伙伴們可以參考一下2016-02-02
js實(shí)現(xiàn)數(shù)字跳動(dòng)到指定數(shù)字
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)數(shù)字跳動(dòng)到指定數(shù)字，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-08-08
javascript css在IE和Firefox中區(qū)別分析
我們討論的主題CSS網(wǎng)頁(yè)布局，最令大家頭疼的問(wèn)題就是瀏覽器兼容性，雖然52CSS.com介紹過(guò)很多這方向的知識(shí)，但依然讓很多開(kāi)發(fā)人員暈頭轉(zhuǎn)向，今天的這篇文章，將列出css和javascript在IE和Firefox中二十三個(gè)不同點(diǎn)，希望對(duì)大家的學(xué)習(xí)有所幫助。2009-02-02