鼠标悬浮变色如何指定变色列的范围?

针对如图效果:如何优化以下代码?使得A列(空白列)及最后列(空白列)不选择到?,也就是指定B-X列生效,其他列不生效?

var background_color = "rgb(209,228,255)"; //新背景色  

var frozen_back_color = new Array();

var back_color = new Array();

var $last_tr;

var i = 0;

// 2行除外

$('.x-table tr:gt(2) ').bind("mouseenter",

function() {

    //$(".x-table tr")  

    if (typeof($last_tr) != "undefined") {

        if (typeof($(this).attr("id")) != "undefined") {

            if (typeof($("#content-container #frozen-west").attr("id")) != "undefined") {

                $("#content-container #" + $last_tr.attr("id")).each(function() {

                    $(this).children("td").each(function() {

                        $(this).css("background-color", frozen_back_color[$(this).index()]);

                    });

                    i = i + 1;

                });

                i = 0;

            } else {

                $last_tr.children("td").each(function() {

                    $(this).css("background-color", back_color[$(this).index()]);

                });

            }

            frozen_back_color = [];

            back_color = [];

        }

    }

    if (typeof($(this).attr("id")) != "undefined") {

        if (typeof($("#content-container #frozen-west").attr("id")) != "undefined") {

            $("#content-container #" + $(this).attr("id")).each(function() {

                frozen_back_color = new Array();

                $(this).children("td").each(function() {

                    frozen_back_color[$(this).index()] = $(this).css("background-color");

                    $(this).css("background-color", background_color);

                });

                i = i + 1;

            });

            i = 0;

        } else {

            $(this).children("td").each(function() {

                back_color[$(this).index()] = $(this).css("background-color");

                $(this).css("background-color", background_color);

            });

        }

    }

});

//2行除外  

$('.x-table tr:gt(2)').bind("mouseleave",

function() {

    if (typeof($(this).attr("id")) != "undefined") {

        $last_tr = $(this);

    }

});

1111.png222222.png

FineReport 没有想好名字那就叫小明吧 发布于 5 天前 (编辑于 5 天前
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共2回答
最佳回答
0
没有想好名字那就叫小明吧Lv4见习互助
发布于4 天前

只需要在倒数第二个:$(this).css("background-color", background_color);处替换以下代码即可:

var coldex=$(this).index();

/*指定列生效,如:1-13列生效*/

if(coldex>"0"&&coldex<"13"){

$(this).css("background-color", background_color);

}

最佳回答
0
snrtuemcLv8专家互助
发布于5 天前

目前没有现成教程,真不行,一个偏方

这个两列,直接设置背景色的单元格背景图片,这样就会遮住

  • 1关注人数
  • 80浏览人数
  • 最后回答于:4 天前
    请选择关闭问题的原因
    确定 取消
    返回顶部