这是个经常遇到的问题。

例如表格。

我在效果图中设计的是 单数行 白色 双数行 浅蓝色。
那么在页面中应该如何实现呢?

其实就是tr标签 单数、双数 的bgcolor 不一样。

再进一步 我们定义两个class  .c1  .c2  让页面中表格 tr 分单数行 和双数行 分别调用 c2 c1即可。
那么具体应该怎么来做呢。

哎···· 还是js啊!
看下边

<script language="JavaScript" type="text/javascript">

window.onload = colorRows;  //当页面被加载 执行colorRows函数
function colorRows() {
    var myTR = document.getElementsByTagName('tr'); //得到页面中所有tr标签。
    for (var i=0;i<myTR.length;i++) { //有多少个标签就循环多少次
            if (i%2) {//如果可以被2整除(双数)的执行下边
                    myTR[i].className = 'c1'; //赋予双数行的tr样式为c1
            }else{//如果不可以被2整除的(单数)执行这个
                    myTR[i].className = 'c2';//赋予单数数行的tr样式为c2
            }
    }
}
</script>


这样 我们分别定义了 c1和c2的背景颜色 就ok了


Tags: , ,
学习笔记 | 评论(0) | 引用(0) | 阅读(1014)
发表评论
表情
emotemotemotemotemot
emotemotemotemotemot
emotemotemotemotemot
emotemotemotemotemot
emotemotemotemotemot
打开HTML
打开UBB
打开表情
隐藏
记住我
昵称   密码   游客无需密码
网址   电邮   [注册]