js实现隔行变色
JavaScript #隔行 #取模2012-05-22 10:06
我们可以用js取模（求余数）方法，做隔行变色。
代码如下：
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>js取模隔行变色yige.org</title>
<script type="text/javascript">
window.onload=function()
{
var oUl=document.getElementById('ul1');
var aLi=oUl.getElementsByTagName('li');
for(var i=0; i< aLi .length; i++)
{
if(i%2==0) //取模 求余数
{
aLi[i].style.background='red';
}
}
}
</script>
</script></head>
<body>
<ul id="ul1">
<li>webtall</li>
<li>webtall</li>
<li>webtall</li>
<li>webtall</li>
<li>webtall</li>
</ul>
</body>
</html>相关文章
- 兼容FF/IE在页面预览客户端本地图片方法 2012/05/21
- 通过JS获取用户本地图片路径 2012/05/21
- JS实现回到顶部按钮的代码 2012/05/20
- Javascript中匿名函数的调用方法 2012/05/19
- 比较js的对象 2012/05/19
- JavaScript将光标定位于输入框最右侧的方法 2012/05/19
- Javascript操作select控件(新增、修改、删除、选中等） 2012/05/19
- ajax中文乱码问题解决方法 2012/05/19
- javascript检测浏览器及其版本的代码 2012/05/19
- JavaScript实现禁止右键、复制、另存为、查看源文件 2012/05/18