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