图片悬停出现
可交互效果预览

制作过程:

1. 点击新增楼层,选择「图片容器」,添加一个图片容器楼层。

e261b45f11b6ffb7d86ebb7a7a913411.png

2. 点击右侧属性中的 图片,上传图片作为整个楼层的背景。

9BF0C405-1957-4561-BE14-0CF43450FCB4.png

3. 点击右侧的热区中的 「添加图片热区」按钮,添加一个图片热区,并调整大小和位置到要添加热区的位置。

c773436a5d39aa663e55173efd673f5c.png

4. 点击「上传悬停图片」按钮上传想要在该热区出现的图片,效果选择「悬停出现」,可实现鼠标滑过时该热区出现想要悬浮的图片。

e81dbe155f05f14b0b2ce8c8a407b454.png

5.如果要覆盖的底图是圆角矩形,则可以设置右侧「圆角」参数大小,即可将悬停出现的图片由直角变为圆角。

c9f0320ddce7013d2d937f9a8a22f403.png