如何点击一个按钮或者图片后显示弹窗?

发布日期:2016-12-14
浏览次数:1069
  
在实际的网页制作过程中,我们经常需要这样的功能。点击一个按钮,或者一张图片,然后显示一个弹窗。弹窗中我们一般会放一些重要信息。是一种很常见的,用户交互模式,虽然大部分时间不是很友好。
 
不管怎样,存在的就是合理的。起飞页也支持这种模式。
 
1. 首先我们需要按照正常流程创建一个弹窗。然后点击弹窗的设置按钮。然后切换到显示控制选项卡,显示事件选择“其他事件-例如点按钮才显示弹窗”,点击保存。
 
2. 添加一个按钮组件,点击工具条上的“链接”按钮。
 
3. 选择页面弹出组件。保存并关闭。
 
 
 
预览模式下,点击这个按钮就可以看到弹窗的显示效果了。
 
同样的,您可以将弹窗,和任何可点击的事件结合起来,比如文字,图片,都可以在点击之后显示一个弹窗。您甚至可以用这个功能,实现一个可折叠的头部。不过在手机下,这个效果就不会那么好看了。
 
 
相关教程:
 
 
 

登录后即可发表评论,立即登录.

  热门教程