时间:2021-05-22
Axure RP是一款十分方便的页面交互模型软件。产品经理在进行需求分析的时候,借助Axure RP工具可以很好设计功能系统,本文将简单介绍Axure RP 的悬停功能(类似于tooltip)如何实现。
1、正常打开Axure RP 工具,本文以新建一个空白页面为例进行说明。
2、从左侧元件库中拖拽一个文本标签到空白页面中,如下所示。
3、从左侧元件库中拖拽一个动态面板到空白页面中,双击该动态面板,编辑面板的名称和内容,如下所示。
4、将该动态面板设置为“隐藏”。光标移到动态面板处,鼠标右键点击该元件,出现的对话框中设置为隐藏即可,如下图所示。
5、添加事件,当鼠标移入时,出现提示框。光标选中文本标签元件,在右侧的对话框中属性下双击“鼠标移入时”事件,如下图1所示,双击后,会弹出下图2 所示的窗口,设置动态面板可见。点击“确定”关闭页面。
6、添加事件,当鼠标移出时,提示框消失。光标选中文本标签元件,在右侧的对话框中属性下双击“鼠标移出时”事件,双击后,会弹出下图 所示的窗口,设置动态面板隐藏。点击“确定”关闭页面
7、页面的主体设计如下图1所示,这时候点击预览就可以查看效果了。
相关推荐:
axure怎么制作弹出框效果?
Axure RP 8中怎么制作复选框?
Axure RP 8怎么利用按钮控制单选框和复选框?
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
WordPress3.5新添加了一个提示框功能,可以创建一个提示框,然后指向任何元素,比如下边的例子:本文就来教你怎么创建一个这样的提示框。首先需要添加提示框的
本文实例讲述了JS延时提示框实现方法。分享给大家供大家参考,具体如下:提示框功能:当鼠标指向头像时,弹出一个信息框,鼠标可移动到信息框,当鼠标离开头像时信息框消
javacript弹出提示框脚本,以下代码是弹出提示框的功能:functionshow_confirm(){varr=confirm("Pressabutton
NO.1前言Tooltips常被称为提示框(或信息提示框),提示框能够以较强的交互性、自由度为用户提供相应的提示信息。今天我们要聊的不是如何实现强大的交互行为,
一款基于纯CSS的气泡提示框,整个提示框由箭头和矩形框组成,并且气泡提示框的箭头可以有不同的方向。在线预览源码下载实现的代码。css代码:CSSCode复制内容