logo竹子建站
交互功能如何使用
2019-10-29 11:39:25

交互功能很强大,可以做出弹窗效果,可以做鼠标移除移入 ,简单的概括交互的功能就是:在发生某个动作或事件时,引发另一动作或事件在同时间或延后发生。

比如数据在经过某一点时,弹出某个内容。这个鼠标经过某点就是一个动作,弹出的内容就是引发出来的动作或事件。

举例说明:

如何实现鼠标移入左边按钮处,右边的文字才显示出来的效果。(不移入到鼠标,右边文字就不显示)

 

以文本组件和图文组件举例说明:左侧是文本组件,右侧是图文组件,鼠标经过左侧文本组件时,显示右边图文,没有经过时默认不显示。

第一步:在图文组件的设置中,在代码下,复制图文组件的组件ID: 

 

 

第二步:点击左侧文本组件,在设置中选择交互,添加事件。

第三步:设置事件为【鼠标悬停】,元素为【组件】(因为是两个组件之间的交互),粘贴复制的组件ID,设置动作为【显示】,保存。

第四步:选中右边的图文组件,在交互中选择默认隐藏。保存后发布网站即可。