當(dāng)前位置:
首頁(yè) >
js控制每行输出2个LI隔行换色
發(fā)布時(shí)間:2025/3/19
22
豆豆
生活随笔
收集整理的這篇文章主要介紹了
js控制每行输出2个LI隔行换色
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
2019獨(dú)角獸企業(yè)重金招聘Python工程師標(biāo)準(zhǔn)>>>
?
<style> ul{ width:60px; } li{ margin:0px; padding:0px; list-style:none; display:block; float:left; width:30px; overflow:hidden; } </style> <ul id="test"> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> <li>7</li> <li>8</li> <li>9</li> <li>10</li> <li>11</li> <li>12</li> </ul> <script> var obj=document.getElementById("test").getElementsByTagName("li"),j=obj.length; for (var i=0;i<j;i+=2){ if (cu(i)=="r")obj[i].style.background=obj[i+1].style.background="#f00" if (cu(i)=="y")obj[i].style.background=obj[i+1].style.background="#ff0" } function cu(k){ if (k%2==0 && (k/2)%2==0)return "r" return "y" } </script>感覺(jué)這個(gè)算法不錯(cuò)? 學(xué)習(xí)了
?
?
?
畢業(yè)生論壇轉(zhuǎn)載于:https://my.oschina.net/chenbing/blog/28947
與50位技術(shù)專家面對(duì)面20年技術(shù)見證,附贈(zèng)技術(shù)全景圖總結(jié)
以上是生活随笔為你收集整理的js控制每行输出2个LI隔行换色的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: ant 编译android工程(转)
- 下一篇: 在cds学到的(非技术)