frm报表块,点击行变色,鼠标移走还保持变色,当我点击下一行,下一行再变色,上一行恢复原来白色

//请大神优化一下

setTimeout(function(){

$(".x-table.ZXZJ1table td").mousemove(function() {

//所在单元格背景为黑色

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

});

//鼠标点击时

$(".x-table.ZXZJ1table td").mousedown(function() {

//所在单元格背景为黑色

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

});

//鼠标离开

$(".x-table.ZXZJ1table td").mouseout(function() {

//所在单元格背景为白色

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

});

},1000)

Form65.frm

FineReport caomengfine 发布于 2021-4-25 10:23 (编辑于 2021-4-25 10:23)
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共2回答
最佳回答
0
axingLv6专家互助
发布于2021-4-25 14:27

试试这个

setTimeout(function() {

var $lasttd;//上一个单元格变量  

var lastcolor;//上一次颜色变量  

$('.x-table.REPORT0table tr').click(function(){  

    if($lasttd){  

        $lasttd.css('background',lastcolor);  

    }  

    lastcolor=$(this).css('background-color');  

    if(!lastcolor)  

    lastcolor=$(this).css('background');//保存原始颜色  

    $(this).css('background','red');//设置当前单元格为红色  

    $lasttd=$(this);//保存上一个单元格  

    });  

}, 100);

最佳回答
0
IceBall09Lv6中级互助
发布于2021-4-25 11:15(编辑于 2021-4-25 11:16)

报表块悬停改变颜色.frm

自己改下颜色

setTimeout(function() { //鼠标经过时 $(".x-table.REPORT0table tr:gt(0) ").mousemove(function() { //所在单元格字体颜色为红色 $(this).css("color", "red"); //所在单元格背景为蓝色 $(this).css("background-color", "blue"); //所在单元格字体加粗 // $(this).css("font-weight", "bold"); //所在单元格添加下划线 // $(this).css("text-decoration", "underline"); //所在行单元格字体:11px   // $(this).find("td").css("font-size", "11px"); }); }, 100); setTimeout(function() { //鼠标离开   $(".x-table.REPORT0table tr:gt(0)").mouseout(function() {   //所在行背景色:白色           $(this).css("background-color","white");   //所在行单元格字体:12px    //        $(this).css("font-size","12px");   //所在单元格字体颜色为黑色 $(this).css("color", "black"); });   }, 100); setTimeout(function() { //鼠标点击   $(".x-table.REPORT0table tr:gt(0)").mousedown(function() {   //所在行背景色:灰色           $(this).css("background-color","grey");   //所在行单元格字体:12px    //        $(this).css("font-size","12px");   //所在单元格字体颜色为黑色 $(this).css("color", "black"); });   }, 100);

  • 3关注人数
  • 833浏览人数
  • 最后回答于:2021-4-25 14:27
    请选择关闭问题的原因
    确定 取消
    返回顶部