Axure实现提示文本单击显示后自动消失的效果

方法/步骤

  1. 如图所示,框出的部分为提示文本(已经命名为tooltip),希望达到的效果是默认加载时不显示,点击帮助图标后显示,且2秒后自动消失。

  2.  

    首先在“属性面板”的交互中,选择“载入时”

  3.  

    在“载入时”用例编辑中,隐藏tooltip,上面的事件无需理会,是另外一个交互事件

  4.  

    再选择要单击的元件,事件选择“鼠标单击时”

  5.  

    先给tooltip增加第一个事件,逐渐显示。

  6.  

    通过“其他”-“等待”,修改等待时间,实现显示2s的效果。

  7.  

    继续选择“显示-隐藏”,这次可见性改成隐藏,如果动画效果选择“逐渐”,可以把时间改的短一些。(消失可以比显示快速一些)

  8.  

    回到接受单击动作的元件的交互属性看一下,相当于通过三个时间来实现【隐藏-单击显示-2s后消失】的效果

  9.  

    如果需要做单击其他地方tooltip消失,可以在全局增加一个鼠标点击隐藏的事件。

    END

经验内容仅供参考,如果您需解决具体问题(尤其法律、医学等领域),建议您详细咨询相关领域专业人士。

原文地址:https://www.cnblogs.com/telwanggs/p/11172053.html

时间: 2024-10-12 22:53:51

Axure实现提示文本单击显示后自动消失的效果的相关文章

iOS 疑难杂症(什么鬼系列)— — 收到推送显示后自动消失的问题

声明 欢迎转载,但请保留文章原始出处:) 博客园:http://www.cnblogs.com 农民伯伯: http://over140.cnblogs.com 问题 正在支持 Remote Notification ,服务端已经加好 content-available ,测试发现一个奇怪的问题 —— 确实不影响老版本,新版本收到推送后消息过会会自动消失.一开始以为是服务端的问题,以为少传了 badge 和 sound 参数导致了,用 NWPusher 本地测试了一下删掉也没问题,然后就继续检查

(转)完美解决 Android WebView 文本框获取焦点后自动放大有关问题

完美解决 Android WebView 文本框获取焦点后自动放大问题 前几天在写一个项目时,要求在项目中嵌入一个WebView 本来很快就完成了,测试也没有问题.但发给新加坡时,他们测试都会出现文本框聚焦时,网页面会放大(他们用三星手机测试的) 网上查了好久参考他的方法加上去测试 http://www.cppblog.com/guojingjia2006/archive/2012/12/18/196429.html 下面我将原文copy过来 **************************

完美解决 Android WebView 文本框获取焦点后自动放大问题

前几天在写一个项目时,要求在项目中嵌入一个WebView 本来很快就完成了,测试也没有问题.但发给新加坡时,他们测试都会出现文本框聚焦时,网页面会放大(他们用三星手机测试的) 网上查了好久参考他的方法加上去测试 http://www.cppblog.com/guojingjia2006/archive/2012/12/18/196429.html 下面我将原文copy过来 **************************************************************

js弹框3秒后自动消失

开发中有时候会需要最出弹框后,过几秒自动消失的效果,下面给大家分享一下我自己做的一个小案例. 案例中的弹框使用的是bootstrap里面的模态框,实现自动消失则用的是js中的setInterval方法.该弹框使用了jquery-ui中的draggable方法,可拖动. 目录结构如下: 下面是案例代码: demo.html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <ti

Jquery 网站保存信息提示消息实现,提示后自动消失

现在的大多数网站都有校验,以及信息提示:为了给用户更好的体验可以不用alert提示消息,采用jQuery提示完消息,自动消失 css <style> #tip_message { z-index: 9999; position: fixed; left: 0; top: 40%; text-align: center; width: 100%; } #tip_message span { background-color: #03C440; opacity: .8; padding: 20px

jquery 提示信息显示后自动消失的具体实现

方法一: 复制代码 代码如下: $("#errormsg").html("您的信息输入错误,请重试!").show(300).delay(3000).hide(300); 方法二: 复制代码 代码如下: $("#errormsg").html("ok").hide(3000);// 这个是渐渐消失 $("#errormsg").html("ok").fadeTo(3000).hide()

Ambari部署HDP:HBase Master启动后自动消失

这是第一次出勤部署产品.遇到不可控问题,解决,写个心得.记录一下吧^^ 在排查问题的过程中,学到不少知识. (1)centos系统盘和数据盘分开,装操作系统的人没有将IT的空间分配出来,所以分区,自动挂载 #lvmdiskscan 查看哪些设备成为了物理卷. 检测硬盘和分区中的逻辑巻管理信息 只有/dev/sda*,说明只有一个物理卷,其余的是/dev/ram*

js实现网页多少秒后自动跳转到指定网址

在网上搜了一下,关于这个技术处理有多种方法,我只记下我在视频里学到的三种: 1.用一个response.sendRedirect("目标页面.jsp\.htm");实现直接跳转: 2.有时我们需要有点提示,比如“x秒后自动跳转,若没有跳转,请点击此处”,则可以在myeclipse中调用Snippets中的Delay Go To URL.会自动生成如下代码: 代码如下: <script language="JavaScript1.2" type="te

如何添加一个自动消失的UIAlertView

UIAlertView的消失其实是触发了一个dismiss事件,注意removefromSubview是行不通的,我们可以通过代码摸你点击了某个按钮来让UIAlertView自动消失. 通过设置一个定时器,可以设置多少秒之后自动消失. 代码实现: - (void)popAlertView { UIAlertView *alertView = [[UIAlertView alloc] initWithTitle:@"温馨提示" message:@"恭喜,注册成功" d