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

js控制每行输出2个LI隔行换色相关推荐

JS比较常用的隔行换色和获取焦点以及失去焦点效果
JS作为一门比较简单的编程当然一些JS效果的使用是不可避免的就比如说标签的隔行换色.还有搜索框的失去和获取焦点我就来带大家写一下这两种常用的效果先来说一下标签的隔行换色吧目录一.元素标签的 ...
java css隔行变色_JS+CSS实现Li列表隔行换色效果的方法
本文实例讲述了JS+CSS实现Li列表隔行换色效果的方法.分享给大家供大家参考.具体实现方法如下: CSS+Js实现Li列表隔行换色效果 .mytable {border-collapse:colla ...
隔行换色并且鼠标指向行变色的表格
一应用对于一些清单型数据,通常是利用表格展示到页面中.如果数据比较多,很容易看串行.这时,可以为表格添加隔行换色并且鼠标指向行变色功能. 二代码 <script language=&quo ...
使用jquery实现隔行换色($(tbody tr:odd)获取奇数行和$(tbody tr:even)获取偶数行)以及CSS类操作addClass()的使用
使用jquery实现隔行换色技术分析最主要的就是jquery的选择器获取tbody的奇数行("tbodytr:odd")设置背景颜色在获取tbody的偶数行("tb ...
ListView数据项隔行换色控制实现详解
看到有朋友在群里问过ListView项达到一定数量时加不同色选项的功能,有时间就学习了下ListView隔行换色的效果,大体效果实现出来了,吼吼,写博客里面,跟大家学习交流,一样的,先贴效果,再上代码 ...
jquery 表格（鼠标悬停改变改变行背景+隔行换色）
NUM1:鼠标悬停改变改变行背景: NUM2:隔行换色: HTML: <table border="1"><thead><tr><th&g ...
angular js 循环数据（死数据）添加数据隔行换色单个删除排序
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
java中设置基偶隔行换色_Excel2016中奇偶行填充不同颜色的方法
在Excel工作表中,为了美化工作表,可以为单元格填充颜色.当需要为相邻的行添加不同颜色时,可以使用条件格式来进行操作,以快速获得需要的效果.本文图文详解在Excel2016工作表中实现奇偶行填充不同 ...
一眼就会table隔行换色、table表头固定、隔行色、鼠标移动行换色
抽出时间整理笔记:table头部固定.超出宽度可横向移动,主信息隔行换色.鼠标移动变色.举例: code : <!DOCTYPE HTML> <head><meta ht ...

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

js控制每行输出2个LI隔行换色相关推荐

最新文章

热门文章