回到顶部

Table tr 奇数偶数行渐变色Jquery实现

时间:4年前   作者:庞顺龙   浏览:451   [站内原创,转载请注明出处]

标签: jQuery  

奇数行换色


function rowColor() {
    //处理列表行渐变颜色 奇数行换色
    $(".table tr").mouseover(function () {
        $(this).addClass("s2hover");
        $(".table tr:nth-child(2n)").addClass("s2");
    }).mouseout(function () {
        $(this).removeClass("s2hover");
        $(".table tr:nth-child(2n)").addClass("s2");
    })
    $(".table tr:nth-child(2n)").addClass("s2");
}

偶数行变色


function rowColor() {
    //处理列表行渐变颜色
    $(".table tr").mouseover(function () {
        $(this).addClass("s2hover");
        $(".table tr:even").addClass("s2");
    }).mouseout(function () {
        $(this).removeClass("s2hover");
        $(".table tr:even").addClass("s2");
    })
    $(".table tr:even").addClass("s2");
}


内容均为作者独立观点,不代表八零IT人立场,如涉及侵权,请及时告知。

评论努力加载中...
暂无评论
暂无评论

手机扫码阅读

热门相关

加载中...
关于我们   联系我们   申请友链   赞助记录   站点地图
© 2014 - 2017 www.80iter.com All Rights Reserved. 京ICP备14042174号-1
本站遵循 CC BY 4.0 协议,转载请注明出处 。