JS+CSS样式实现悬浮提示

楼主
让数据起飞
老久没有发布新东西了,免得大家把我遗忘了,这次带来的东西,研究和问了好久才搞出来。
首先大家看一下效果。



和我们单独在单元格里面的悬浮显示对比一下,可以看到这种效果更好,显示效果也更佳,可以自定义效果。




直接上怎么实现过程:
1.在表单内报表块加一个初始化事件:

2.粘贴上一下代码:见文件css代码
3.注意代码上的report4,换成自己的报表控件名。
4.在表单内的报表块中的你需要提示的地方写一个js事件:

5.最后就在服务器配置的地方加上你的linkspan样式:

6.贴上css代码:css代码见附件
7.注意点:因为上述代码js是固定定位的,如果报表块在左边,提示会一直在右边,那么就会把提示悬浮框跑到右边去无法看到字样,所以需要适当修改下x,y轴

8.特此鸣谢秋云妹子(虽然没帮上什么忙,但是还是感谢),老柯(实现办法想了很久。。。)

编辑于 2018-8-17 10:44  

编辑于 2018-11-15 15:40  

编辑于 2018-11-15 15:40  
分享扩散:
参与人数 +4 F豆 +111 理由
全先生 + 10 骚年,我看好你哦
風清揚' + 90
flyingsnake + 1 太棒了,给你32个赞,么么哒
影丶 + 10 默默地点个赞,然后闪人

查看全部评分

沙发
发表于 2018-8-17 10:52:47
顺便说一句,我这边的是移到图形上面显示,这个图形是我的一个图片而已,用公式代替的。
板凳
发表于 2018-8-17 15:34:47
没帮上忙就不要点名啦~
地板
发表于 2018-8-17 15:46:11
5楼
发表于 2018-8-17 23:06:54
来自手机
cherishdqy 发表于 2018-8-17 15:34
没帮上忙就不要点名啦~

还是帮我找了素材的
6楼
发表于 2018-8-18 17:02:59
7楼
发表于 2018-8-18 17:03:10
8楼
发表于 2018-8-19 08:19:33
9楼
发表于 2018-8-20 17:28:18
10楼
发表于 2019-5-8 15:51:06
这个是用在表单的报表块中,如何使用在一个普通报表的单元格上?或者应用到插入到一个单元格中的icon图片上?
11楼
发表于 2019-5-8 16:46:22
JS代码在哪里?
12楼
发表于 2019-8-29 15:45:10
6666    大佬 有些贵
13楼
发表于 2019-9-4 11:07:02
我还是静静欣赏我的帅吧
14楼
发表于 2019-9-10 18:03:53
这个我一般都是直接放在页面的右上角了
15楼
发表于 2019-9-18 13:57:10
厉害厉害
16楼
发表于 2019-12-13 10:50:50
帅哥,你的js为啥不贴进来呢,麻烦贴一下,谢谢
17楼
发表于 2020-10-10 16:41:38
完整的模板能上传分享一下吗 老板
18楼
发表于 2021-5-22 08:16:05
没有看到JS代码,
19楼
发表于 2021-8-18 11:17:17
文件呢?亲
20楼
发表于 2021-10-11 11:37:28
css 文件 呢?
21楼
发表于 2022-6-14 08:57:04
老板有css文件给一手啊

22楼
发表于 2023-6-10 13:27:02
没见模板啊大神贴一下啊
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

返回顶部 返回列表