决策报表的中的内容提示,怎么控制展示样式

决策报表的中的内容提示,怎么控制展示样式(蓝色为提示框)

image.png

FineReport pqm2080 发布于 2020-4-27 16:21 (编辑于 2020-4-27 17:00)
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共3回答
最佳回答
0
luojian0323Lv7资深互助
发布于2020-4-27 16:21(编辑于 2020-4-27 17:05)

无图怎么给解答?

以下是决策报表报表块初始化事件:

setTimeout(function() {

var oldTitle = null;

$('td').bind('mouseover mouseout mousemove', function(event) {

var left = event.pageX;

var top = event.pageY;

var ele = event.target;

var title = ele.title;

var type = event.originalEvent.type;

if (type == 'mouseover') {

oldTitle = title;

ele.title = '';

console.log(title);

if (title.length != 0) {

var showEle = $('<div></div>', {

text: title,

class: 'showTitleBox'

}).css({

position: 'absolute',

top: top + 10,

left: left,

border: '1px solid #00cccc', // 边框

borderRadius: '5px',    // 边框圆角

background: "#00cccc",       // 背景色

fontFamily: 'SimHei',        // 字体

fontSize: '15px'             // 字体大小

})

showEle.appendTo('body');

}

} else if (type == 'mouseout') {

ele.title = oldTitle;

$('.showTitleBox').remove();

} else if (type == 'mousemove') {

$('.showTitleBox').css({

top: top + 10,

left: left

})

}

})

}, 100);


最佳回答
0
axingLv6专家互助
发布于2020-4-27 16:22
最佳回答
0
SczuoleiLv4见习互助
发布于2022-8-9 14:17

请问你解决了吗

  • 4关注人数
  • 909浏览人数
  • 最后回答于:2022-8-9 14:17
    请选择关闭问题的原因
    确定 取消
    返回顶部