【frm模板背景色】

请问大家,如何实现以下功能呀?

1、鼠标点击某行有背景色

2、同时当鼠标移动某行也有背景色,且前一步骤点击的变色效果不消失

3、当鼠标再次点击时1的背景色才消失

image.png

FineReport ran1025 发布于 2022-5-17 11:07 (编辑于 2022-5-19 15:50)
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共4回答
最佳回答
0
CD20160914Lv8专家互助
发布于2022-5-17 13:47
  • ran1025 ran1025(提问者) 不是这个效果呢
    2022-05-19 15:50 
  • CD20160914 CD20160914 回复 ran1025(提问者) 不知道你要什么效果了。。。
    2022-05-19 15:54 
  • ran1025 ran1025(提问者) 回复 CD20160914 我补充了问题 你看看呢
    2022-05-19 16:13 
  • CD20160914 CD20160914 回复 ran1025(提问者) 我的文件哪里不满足你的需求了。?我没有看出你最上面补充了什么。。
    2022-05-19 16:15 
  • ran1025 ran1025(提问者) 回复 CD20160914 文件中,当点击后又移动鼠标 ,这个被点击的行就无颜色了。我想实现,点击一行有颜色+鼠标移动至下一行有颜色且上一行颜色不消失+直到点击下一行时,前一被点击的行背景色才消失
    2022-05-19 16:20 
最佳回答
0
赤贫青年Lv4见习互助
发布于2022-5-17 11:10

https://help.fanruan.com/finereport/doc-view-3051.html

最佳回答
0
小六Lv4见习互助
发布于2022-5-17 11:11(编辑于 2022-5-17 11:49)

image.png

contentPane.makeHighlight('red'); //使点击的行变成红色

image.png

contentPane.makeHighlight('red','mouseover');//使悬浮变色

setTimeout(function(){

//选择时背景颜色变量

var oldColor = "rgb(255, 255, 255)";

var newColor = "rgb(255, 0, 0)";

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

//若当前行背景色不是红色时

if($(this).css('background-color') != newColor) {

//当前行背景色变成红色

$(this).css('background', newColor);

//非当前行背景色变成白色

$('.x-table tr').not(this).css('background-color', oldColor);}

});

},10);

image.png

最佳回答
0
好好生活好好学习Lv7资深互助
发布于2022-5-17 11:11(编辑于 2022-5-17 11:11)
  • 4关注人数
  • 421浏览人数
  • 最后回答于:2022-5-19 15:50
    请选择关闭问题的原因
    确定 取消
    返回顶部