首页 > 其他 > 详细

stribeTables函数与highlightRows函数

时间:2015-10-26 22:10:08      阅读:196      评论: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
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!