jQuery隔行变色鼠标划过高亮度显示

神秘的凯

于 2017-01-05 08:55:38 发布

阅读量791

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/fujiakai/article/details/54088585

版权

JavaScript 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

jQuery隔行变色鼠标划过高亮度显示

<script>
$(function(){
    var odd_color="#ddd";//奇数行 颜色
    var even_color="#fff";//偶数行 颜色
    var hover_color="#9CF"; //鼠标悬浮所在行的颜色

    $("#count table  tr:odd td").css("background-color",odd_color);  //改变奇数行背景色
    $("#count table tr:odd").attr("bg",odd_color); // 把背景色保存到属性中 
    $("#count table tr:even").attr("bg",even_color);

    $("#count table tr td").mouseover(function(){ // 当鼠标移到表格上，当前一行背景变色 
        $(this).parent().find("td").css("background-color",hover_color);
    }).mouseout(function(){                     //  离开的该行恢复该行原有背景颜色  
        var bgc = $(this).parent().attr("bg");
        $(this).parent().find("td").css("background-color",bgc);
    });
});
</script>