指定悬停变色区域或排除几行

本帖最后由 yiminglian 于 2017-3-30 15:31 编辑

悬停变色
  1. var background_color = "rgb(255,0,0)"; //新背景色
  2. var frozen_back_color = new Array();
  3. var back_color = new Array();
  4. var $last_tr;
  5. var i = 0;
  6. $(".x-table tr").bind("mouseenter", function () {
  7.         if (typeof($last_tr) != "undefined") {
  8.                 if (typeof($(this).attr("id")) != "undefined") {
  9.                         if (typeof($("#content-container #frozen-west").attr("id")) != "undefined") {
  10.                                 $("#content-container #" + $last_tr.attr("id")).each(function () {
  11.                                         $(this).children("td").each(function () {
  12.                                                 $(this).css("background-color", frozen_back_color[i][$(this).index()]);
  13.                                         });
  14.                                         i = i + 1;
  15.                                 });
  16.                                 i = 0;
  17.                         } else {
  18.                                 $last_tr.children("td").each(function () {
  19.                                         $(this).css("background-color", back_color[$(this).index()]);
  20.                                 });
  21.                         }
  22.                         frozen_back_color = [];
  23.                         back_color = [];
  24.                 }
  25.         }
  26.         if (typeof($(this).attr("id")) != "undefined") {
  27.                 if (typeof($("#content-container #frozen-west").attr("id")) != "undefined") {
  28.                         $("#content-container #" + $(this).attr("id")).each(function () {
  29.                                 frozen_back_color[i] = new Array();
  30.                                 $(this).children("td").each(function () {
  31.                                         frozen_back_color[i][$(this).index()] = $(this).css("background-color");
  32.                                         $(this).css("background-color", background_color);
  33.                                 });
  34.                                 i = i + 1;
  35.                         });
  36.                         i = 0;
  37.                 } else {
  38.                         $(this).children("td").each(function () {
  39.                                 back_color[$(this).index()] = $(this).css("background-color");
  40.                                 $(this).css("background-color", background_color);
  41.                         });
  42.                 }
  43.         }
  44. });
  45. $(".x-table tr").bind("mouseleave", function () {
  46.         if (typeof($(this).attr("id")) != "undefined") {
  47.                 $last_tr = $(this);
  48.         }
  49. });
复制代码
能在此基础上排除几行么？比如我冻结了1-3行那么这3行悬停的时候不能变色即可以指定变色区域是最好的
FineReportyiminglian 发布于 2017-3-30 15:11
悬赏：2 F币 + 添加悬赏
举报
提示：增加悬赏、完善问题、追问等操作，可使您的问题被置顶，并向所有关注者发送通知
共13回答
最佳回答
0
恍1发布于2017-3-30 15:11（编辑于 2023-9-6 09:34）
555
举报 收起评论(1)
  • yiminglian yiminglian(提问者)

    我冻结了前2行奇怪的是第一行没变色，第二个冻结行变色了。反正多多少少也能将就使用
    回复
    2017-04-01 16:16 
最佳回答
0
恍1发布于2017-3-30 15:19（编辑于 2023-9-6 09:34）
555
举报 收起评论(1)
  • yiminglian yiminglian(提问者)

    标题的颜色不能喝悬停的颜色相同的否则我怎么知道悬停在哪里？感觉应该不是很难吧。
    回复
    2017-03-30 15:33 
最佳回答
0
yiminglian发布于2017-3-30 15:33（编辑于 2023-9-6 09:34）
555
举报 收起评论(1)
  • 恍1 恍1

    是你上面的标题，就是你的大表头，就是你冻结那3行，怎么会分不清呢
    回复
    2017-03-30 15:38 
最佳回答
0
恍1发布于2017-3-30 15:38（编辑于 2023-9-6 09:34）
555
举报 收起评论(1)
  • 恍1 恍1

    主要我这台电脑没有FR，理论上来说，获取他的子项的id，看是不是第一或者2,3行，是就执行下面不是就不执行，就可以，你也可以自己 写下
    回复
    2017-03-30 15:40 
最佳回答
0
恍1发布于2017-3-30 15:40（编辑于 2023-9-6 09:34）
555
举报 收起评论(1)
  • yiminglian yiminglian(提问者)

    大神帮忙看看上面回答的是否可行？不会改呀
    $(\'.x-table tr:gt(3)\') 得到的就是所有TR行排除掉前4行的其他TR,等价于下面的
    $(\'.x-table tr).slice(4,$(\'.x-table tr).length)
    回复
    2017-04-01 10:31 
最佳回答
0
yiminglian发布于2017-3-30 16:21（编辑于 2023-9-6 09:34）
555
最佳回答
0
迈达斯之手发布于2017-3-30 16:33（编辑于 2023-9-6 09:34）
555
举报 收起评论(1)
最佳回答
0
yiminglian发布于2017-3-30 16:45（编辑于 2023-9-6 09:34）
555
举报 收起评论(1)
  • 迈达斯之手 迈达斯之手

    谁帮你写的第一个你找谁帮你加~
    回复
    2017-03-30 16:46 
最佳回答
0
迈达斯之手发布于2017-3-30 16:46（编辑于 2023-9-6 09:34）
555
举报 收起评论(1)
最佳回答
0
yiminglian发布于2017-3-30 16:50（编辑于 2023-9-6 09:34）
555
  • 0关注人数
  • 863浏览人数
    • 最后回答于：2017-4-1 19:13
    活动推荐 更多
    热门课程 更多
    隐私政策
    帆软用户服务协议
    联系管理员
    联系帆软
    Copyright© 帆软软件有限公司 版权所有
    苏ICP备18065767号
    返回顶部