js控制每行输出2个LI隔行换色
生活随笔
收集整理的這篇文章主要介紹了
js控制每行输出2个LI隔行换色
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
2019獨角獸企業重金招聘Python工程師標準>>>
?
<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>感覺這個算法不錯? 學習了
?
?
?
畢業生論壇轉載于:https://my.oschina.net/chenbing/blog/28947
與50位技術專家面對面20年技術見證,附贈技術全景圖總結
以上是生活随笔為你收集整理的js控制每行输出2个LI隔行换色的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: ant 编译android工程(转)
- 下一篇: 在cds学到的(非技术)