鼠标悬停出现提示信息怎么做

Posted xiaohuihui-11

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了鼠标悬停出现提示信息怎么做相关的知识,希望对你有一定的参考价值。

概述

提示:指启示,提起注意或给予提醒和解释。

在 excel 中会经常用到给某个格子增加提醒信息,比如金额提示输入数值或最大长度值等等。设置方式也有多种,简单的,仅为单元格插入批注就可以了,也有复杂的有效性验证方式。下图为批注方式:

技术图片

另外,在网页设计中也常常看到同样功能,常见的帮助提示框(tips),鼠标悬停在帮助图标上时,显示所有的帮助信息。也不难,几行 JS 脚本的事儿。

技术图片

润乾报表支持在 Web 发布,衣食父母们同样希望产品具备鼠标移动到某个位置时显示一些提示信息的功能。

润乾想客户之所想,不仅支持静态信息,也允许开发者设置动态提示信息(一个单元格,可根据条件判断显示不同信息)。

今天先入个门,介绍一下静态信息的设置方法,后续在结合合适场景介绍动态提示。

Ok!开始进入正题,润乾报表怎么设置静态提示信息呢? 以“工资单”为例,多数人不清楚其中的考勤扣除怎么算,这里便可以为“考勤扣除”设置提示。

技术图片

操作步骤

准备工资条报表模板

准备一张结果如下图所示的网格式报表

技术图片

模板设计如下

技术图片

注意:该例子目的是为标题字段增加提示,所以不考虑数据来源问题,第三行的数据均为固定数值。

模板中设置静态信息提示(WEB–提示)

在模板中选中 E2,属性区“WEB”—“提示”—“值”编辑框

技术图片

预览报表结果

提示仅在 web 端有效,所以先发布报表,浏览器预览,当鼠标悬停在“考勤扣除”时效果如下

技术图片

通过设置单元格提示,轻松做到鼠标悬停的提醒功能。如同强制分页、动态背景色等小技巧一样,针对这种比较常用的功能,报表工具在设计时都已考虑到。遇到类似问题依然建议查阅手册,对应设置即可。

以上是关于鼠标悬停出现提示信息怎么做的主要内容,如果未能解决你的问题,请参考以下文章

鼠标悬停在a标签出现提示信息

鼠标悬停在a标签出现提示信息

将工具提示添加到 extjs 网格以显示有关该行的完整信息

jQuery鼠标悬停显示提示信息窗体

在Dreamweaver中,如何实现鼠标经过文字时在鼠标旁边自动出现信息提示?

Unity实现游戏里鼠标悬停在物体处显示UI提示(介绍名称等信息)的一种方法(可配置的xml文件形式)