找回密码
 立即注册

QQ登录

只需一步,快速开始

电话咨询

售前咨询电话

400-811-8890转1

在线技术支持电话

400-811-8890转2

总裁办24H投诉

173-127-81526

JS+CSS样式实现悬浮提示

让数据起飞
老久没有发布新东西了,免得大家把我遗忘了,这次带来的东西,研究和问了好久才搞出来。
首先大家看一下效果。
77B23921-1A84-4F15-A389-4DE7C3BFFD1C.GIF


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

F42C4048-1768-47D9-94EA-BFB532896FEF.GIF


直接上怎么实现过程:
1.在表单内报表块加一个初始化事件:
截图201808171032501813.png
2.粘贴上一下代码:见文件css代码
3.注意代码上的report4,换成自己的报表控件名。
4.在表单内的报表块中的你需要提示的地方写一个js事件:
截图201808171037214731.png
5.最后就在服务器配置的地方加上你的linkspan样式:
截图201808171039085033.png
6.贴上css代码:css代码见附件
7.注意点:因为上述代码js是固定定位的,如果报表块在左边,提示会一直在右边,那么就会把提示悬浮框跑到右边去无法看到字样,所以需要适当修改下x,y轴
截图201808171041452833.png
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

使用道具 举报

发表于 2018-8-17 23:06:54
来自手机
cherishdqy 发表于 2018-8-17 15:34
没帮上忙就不要点名啦~

还是帮我找了素材的

使用道具 举报

发表于 2018-8-18 17:02:59

使用道具 举报

发表于 2018-8-18 17:03:10

使用道具 举报

发表于 2018-8-19 08:19:33

使用道具 举报

发表于 2018-8-20 17:28:18

使用道具 举报

发表于 2019-5-8 15:51:06
这个是用在表单的报表块中,如何使用在一个普通报表的单元格上?或者应用到插入到一个单元格中的icon图片上?

使用道具 举报

发表于 2019-5-8 16:46:22
JS代码在哪里?

使用道具 举报

发表于 2019-8-29 15:45:10
6666    大佬 有些贵

使用道具 举报

发表于 2019-9-4 11:07:02
我还是静静欣赏我的帅吧

使用道具 举报

发表于 2019-9-10 18:03:53
这个我一般都是直接放在页面的右上角了

使用道具 举报

发表于 2019-9-18 13:57:10
厉害厉害

使用道具 举报

发表于 2019-12-13 10:50:50
帅哥,你的js为啥不贴进来呢,麻烦贴一下,谢谢

使用道具 举报

发表于 2020-10-10 16:41:38
完整的模板能上传分享一下吗 老板

使用道具 举报

发表于 2021-5-22 08:16:05
没有看到JS代码,

使用道具 举报

发表于 2021-8-18 11:17:17
文件呢?亲

使用道具 举报

发表于 2021-10-11 11:37:28
css 文件 呢?

使用道具 举报

发表于 2022-6-14 08:57:04
老板有css文件给一手啊

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

联系社区管理员|联系帆软|《帆软社区协议》|手机版|帆软社区|Copyright © 帆软软件有限公司 ( 苏ICP备18065767号-7 )

GMT+8, 2023-1-30 10:29 , Processed in 0.143725 second(s), 93 queries , Gzip On.

返回顶部 返回列表