Jquery中文网 www.jquerycn.cn
Jquery中文网 >  脚本编程  >  javascript  >  正文 javascript实现隔行变色函数代码一例

javascript实现隔行变色函数代码一例

发布时间:2014-10-07   编辑:www.jquerycn.cn
为大家介绍一个隔行换色的小函数,javascript实现的简单例子,供大家学习参考。

首先,定义两个关于背景色的样式
tag为id对象
c1为样式1
c2为样式2

然后,编写js代码如下:

<script language="javascript">
/**
 * 隔行换色
 * http://www.jbxue.com
*/
function changeRowsBg(tag,c1,c2) { 
    var i = 0; 
    var obj_tag = document.getElementsByTagName(tag); 
     for(i = 0;i < obj_tag.length ;i++){ 
         (i%2 == 0)? obj_tag(i).className = c1 : obj_tag(i).className = c2 ; 
     } 
} 
</script>

您可能感兴趣的文章:
js 隔行变色的最简单代码
js 隔行变色 鼠标经过变色的代码
JS控制表格隔行变色的实现代码
js 隔行变色与鼠标悬停自动变色的实现代码
js+css 控制表格隔行变色与单行高亮的代码
Js与Css结合实现表格隔行换色(隔行变色)的代码
Js表格隔行换色(隔行变色)代码一例
Js实现表格隔行变色,鼠标经过时高亮显示的代码
表格隔行变色的js实现代码

您可能感兴趣的文章:
javascript实现隔行变色函数代码一例
JS控制表格隔行变色的实现代码
js 隔行变色的最简单代码
js 隔行变色与鼠标悬停自动变色的实现代码
js 隔行变色 鼠标经过变色的代码
Js表格隔行换色(隔行变色)代码一例
jQuery 表格隔行换色 鼠标高亮行变色的实现代码
JQuery实现表格隔行换色(隔行变色)效果代码一例
Js与Css结合实现表格隔行换色(隔行变色)的代码
Js实现表格隔行变色,鼠标经过时高亮显示的代码

关键词: 隔行变色   
[关闭]