鼠标悬浮变色,离开后如何还原之前的字体颜色

js设置的鼠标悬浮变色,同时单元格设置了条件属性改变颜色。怎么修改js才能让鼠标离开时还显示条件属性改变后的颜色呢?

setTimeout(function() {   

        //鼠标悬浮

    $(".x-table.排名明细table tr").mousemove(function() {    

    //所在行背景色和字体颜色

            //$(this).css("opacity","0.6");   

            $(this).css("background-color","rgba(14,35,69,0.6)"); 

           

            $(this).find("td").css("color","#6FC8F3");    

    });        

    //鼠标离开    

   $(".x-table.排名明细table tr").mouseout(function() {    

    //所在行背景色和字体颜色

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

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

      

    })  

},1000);  

Snipaste_2022-03-11_18-06-03.png

FineReport 遇见l 发布于 2022-3-11 18:07 (编辑于 2022-3-14 09:37)
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共2回答
最佳回答
0
zsh331Lv8专家互助
发布于2022-8-9 19:26

-- 修改单元格字体接口-https://help.fanruan.com/finereport/doc-view-4302.html

——————————

image.png

最佳回答
0
luojian0323Lv7资深互助
发布于2022-3-11 18:23(编辑于 2022-3-11 18:24)

普通 报表,分页预览,加载结束 事件:

var color=""//定义一个变量,用来存储颜色值

 $(".x-table tr").mousemove(function() {//鼠标划入事件    

 if (this.id !== 'r-0-0') { //排除标题行        

$(this).children("td").each(function() {//遍历单元格       

 if(color.length==0){ color=$(this).css("background-color")}//如果当前行已经给color变量赋值,则不赋值         

$(this).css("background-color", 'rgb(255, 255,0)');})}});//添加背景色 

$(".x-table tr").mouseout(function() {//鼠标移出事件    

 if (this.id !== 'r-0-0') {//排除标题行       

  $(this).children("td").each(function() {//遍历单元格         

$(this).css("background-color", color);});//把存储在color变量中的颜色值赋值给当前单元格                 color=""//赋值完成后清空color变量值.             }         });

  • yzm985349 yzm985349 第一行代码定义一个变量存储颜色值,不太明白怎么获取到这个颜色值呢
    2022-03-26 14:44 
  • 3关注人数
  • 652浏览人数
  • 最后回答于:2022-8-9 19:26
    请选择关闭问题的原因
    确定 取消
    返回顶部