使用移动鼠标变色js,目前是实现第一行不变色,要是多行的话应该怎么调整,大佬在哪

$(".x-table tr[tridx!='0']").mouseover(function(){

//.x-table限制表格部分,tridx!='0'可以排除掉标题行

    window.color=$(this).find("td").css("background");

//将当前颜色赋值给全局变量color

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

//将当前行下的所有td的背景色变为黄色

    })

$(".x-table tr[tridx!='0']").mouseout(function(){

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

//将当前行下的所有td的背景色变为原色

    })

目前是只能第一行固定,如何实现多行固定

FineReport magicsong 发布于 2022-4-29 17:00 (编辑于 2022-5-12 22:32)
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共1回答
最佳回答
0
CD20160914Lv8专家互助
发布于2022-5-13 08:40(编辑于 2022-5-13 08:42)

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

//.x-table限制表格部分,tr:gt(3)表示要大于第3行才变颜色,你自己去调整。。

window.color=$(this).find("td").css("background");

 //将当前颜色赋值给全局变量color                                                                          

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

 //将当前行下的所有td的背景色变为黄色

  })

 $(".x-table tr[tridx!='0']").mouseout(function(){

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

//将当前行下的所有td的背景色变为原色 

 })

0717.gif

  • magicsong magicsong(提问者) 谢谢大佬,能很好的解决了标题行变色的问题,但又接着来了新问题:当背景色我用的是交叉变色时,选中变黄后背景色统一变成一色了,有法子解决没
    2022-05-13 09:24 
  • magicsong magicsong(提问者) 发现了,是下面的相同参数未更改的问题,谢谢大佬!
    2022-05-13 09:26 
  • 3关注人数
  • 437浏览人数
  • 最后回答于:2022-5-13 08:42
    请选择关闭问题的原因
    确定 取消
    返回顶部