码迷,mamicode.com
首页 > 其他好文 > 详细

stribeTables函数与highlightRows函数

时间:2015-10-26 22:13:09      阅读:206      评论:0      收藏:0      [点我收藏+]

标签:

function stripeTables(){
    if (!document.getElementsByTagName) return false;
    var tables=document.getElementsByTagName("table");
    var odd,rows;
    for (var i = 0; i < tables.length; i++) {
        odd=false;//设新变量odd为false。
        rows=tables[i].getElementsByTagName("tr");//提取tr的数组
        for (var j = 0; j < rows.length; j++) {
            if (odd==true) {
            rows[j].style.backgroundColor="#ffc";
            odd=false;//如果这一行是奇数,则改变颜色;否则进入else。
        }else{
            odd=true;
        }
    }
    }
}
addLoadEvent(stripeTables);
function highlightRows(){
    if (!document.getElementsByTagName) return false;
    var rows=document.getElementsByTagName("tr");
    for (var i = 0; i < rows.length; i++) {
        rows[i].onmouseover=function(){
            this.style.fontWeight="bold";
        }
        rows[i].onmouseout=function(){
            this.style.fontWeight="normal";
        }
    }
}
addLoadEvent(highlightRows);

用于鼠标放在该表格行上文字变粗变黑,移开后变普通。

stribeTables函数与highlightRows函数

标签:

原文地址:http://www.cnblogs.com/CClarence/p/4912469.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!