鼠标悬浮指定区域内单元格变色

我想指定区域内的单元格变色,但同时又是相邻两列的单元格同时变色,区域以外的不能变色,效果如图:

image.png

指定单元格区域B3:G7,鼠标悬在B3:C3显示红色(相领的两个单元格)

如何用JS实现呢

FineReport chyou 发布于 2022-11-1 21:37
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共1回答
最佳回答
0
用户k6280494Lv6资深互助
发布于2022-11-2 09:00

//悬浮

$(".x-table tr").mouseover(function() {

  window.color=[];

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

    window.color.push($(this).css("background-color"));

  });

  $(this).find("td").css("background", "red");

});

//离开

$(".x-table tr").mouseout(function() {

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

    $(this).css("background", window.color.shift());

  });

});

  • chyou chyou(提问者) 不是整行,是指定相邻的两个单元格悬浮变色
    2022-11-02 18:19 
  • 用户k6280494 用户k6280494 回复 chyou(提问者) 那你这个不好弄啊
    2022-11-03 09:46 
  • XGT XGT 这个JS如果我在有多sheet页的情况下,进行sheet页多次切换的时候,鼠标离开时就不会恢复到原来的颜色状态,求大佬解答一下
    2023-09-14 10:42 
  • 用户k6280494 用户k6280494 回复 XGT 你在论坛从新提一个问题啊
    2023-09-14 10:43 
  • XGT XGT 回复 用户k6280494 不需要了哈,搞定了
    2023-09-14 15:39 
  • 2关注人数
  • 585浏览人数
  • 最后回答于:2022-11-2 09:00
    请选择关闭问题的原因
    确定 取消
    返回顶部