一个常被忽略的intouch的小技巧—鼠标悬停

工控技术分享平台

经常看到网上的大数据采集平台，平台的前端都是采用H5编写，熟悉H5技术的人应该都知道，H5主要是负责编写前台页面，炫酷的网站页面交互特效、3D效果都离不开H5。但是作为工控人经常因为能力和精力有限，不可能擅长各个领域。某天突然萌发了一个思想，能否使用组态软件，实现简易的平台展示呢？抛开一个特效，这里利用intouch常被忽略的小技巧—鼠标悬停，基本能满足的简单的人机交换。

思路如下：

一、准备一张大数据展示的地图，做成一个独立的页面，并且在右下角留空白

二、新建若干张相关省份的地址

三、在大地图上新建动作的热触点

四、鼠标经常热触点的时候，在首页上弹出相应省份的小地图

具体步骤如下：

1：新建一张页面,规格设置为1920*1080，窗口类型选择“替换”，XY坐标位0;0，窗口尺寸1920*1080，刚好覆盖整个屏幕。

图1

2：准备一张空白地图,插入地图，这里主要右下角留出空白。

图2

3：新建若干张小地图，XY坐标位1350;580，窗口尺寸位550*480，这里的尺寸和坐标根据实际情况调整。

图3

4：在相应地图上插入相关的图片

图4

5：按地图相应的省份，建立动作的按钮。代码如下：

Hide "map_浙江省1";

Hide "map_浙江省2";

Show"map_江苏省";

Hide"map_河南省";

Hide"map_山西省";

Hide"map_安徽省";

Hide"map_江西省";

图5

条件的类型选择“鼠标悬停时”再叠加“鼠标左键/键按下时”这样鼠标经过热触点或者鼠标按下时候，都会弹出小地图。

图6

图7

最后将大地图上相应的热触点，全部“置后”这样就隐藏画面上难看的按钮了。

图8

测试一下效果：

图9

运行状态下，鼠标经过河南省时候，右下角出现了河南省的地图。

图10

运行状态下，鼠标经过山西省时候，右下角出现了山西省的地图。同理只要在全国各省份下建立热触点，就能实现鼠标经过省份时候，出现对应的小地图了。

总结

鼠标悬停这个功能，也经常运用到鼠标经过按钮时候按钮背景变色、背景更换等等。组态软件往往注重实用性，一下花哨的功能都不具备。但组态软件往往隐藏了一些不太使用的功能，善于发现的使用，再加上一点构思，也能编写出自己的风格来。