欢迎来到CClarence的博客!!

敲代码真的是一件令人感到上瘾的事情,在我二十多年的生活中,除了打DoTa,好像没有其他的另一件事也能让我如此乐此不疲。而前端恰恰是编程与界面的最前沿,它能让快速的让你感受到自己的成果,这是一件多么令人兴奋的事啊!!我希望在两年后我毕业的时候我能真的成为一位前端码农,在五年后我能成为一位NB的前端码农!!
----------CClarence写于2015年入冬。

001

stribeTables函数与highlightRows函数

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);

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

posted @ 2015-10-26 21:19  CClarence  阅读(243)  评论(0编辑  收藏  举报