加载中…
个人资料
  • 博客等级:
  • 博客积分:
  • 博客访问:
  • 关注人气:
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
正文 字体大小:

【axure】按钮点击后显示提示文字,过几秒后消失隐藏

(2012-04-23 12:33:11)
标签:

按钮

axure

提示文字

提示文字消失

提示文字隐藏

it

分类: axure
1、首先拖动两个控件,一个是文本面板控件,一个是按钮控件。
2、在文本控件中设置文字为“这是提示文字,过段时间会消失!”,在右边的“部件属性”框中设置文本面板控件的“标签”为“提交成功2”,如下图所示。
3、右键点击该文本面板控件选择“转换->转换为动态面板”。
4、点击按钮控件,设置显示的文字为“提交”,在右边的“部件属性”中双击“onclick(单击时)”添加用例,弹出“用例编辑器”,点击“添加条件”,弹出“条件创建器”对话框,设置值于变量onloadvariable等于值“”,然后点击确定,如下所示。
http://s16/middle/6721f25cgf6f38aa4685f&690
5、点击“用例编辑器”中的第二步中的“添加动作”中的“显示动态面板”,然后勾选
第四步配置动作中的“提交成功2”,最后显示如下图所示,然后点击确定按钮。
http://s14/middle/6721f25cgbe52823ba57d&690
6、再右键点击“部件属性”中的“添加用例”添加另外一个用例2,弹出用例编辑器对话框,
点击“用例编辑器”中的第二步中的“添加动作”中的“等待时间(毫秒)”,然后点击组织动作中的“等待1000毫秒”,在第四步中设置为3000毫秒
再点击“用例编辑器”中的第二步中的“添加动作”中的“隐藏动态面板”,然后勾选第四步配置动作中的“提交成功2”,最后显示如下图所示,然后点击确定按钮。
http://s2/middle/6721f25cgbe5293871e91&690
7、再点击“部件属性”中的“用例2”右边的小三角,选择“切换到IF/ELSE IF”,如下所示,这时候“用例2”下面的“否则如果 真”就变成“如果 真”,这一步非常重要,没有这个不会关闭显示文字。
http://s9/middle/6721f25cgf6f3a39a0728&690
8、设置完成后按钮控件的部件属性显示为
http://s7/middle/6721f25cgbe52aa664456&690
9、点击快捷键中的“更多生成器”生成HTML页面就可以查看效果,按钮点击后会显示提示文字,过了3秒后提示文字会消失。










0

阅读 收藏 喜欢 打印举报/Report
  

新浪BLOG意见反馈留言板 欢迎批评指正

新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 产品答疑

新浪公司 版权所有