js控制每行输出2个LI隔行换色

最新推荐文章于 2022-09-06 20:49:23 发布

weixin_33778544

最新推荐文章于 2022-09-06 20:49:23 发布

阅读量163

点赞数

文章标签： python

原文链接：https://my.oschina.net/chenbing/blog/28947

版权

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