小楼axure rp教程(一)文本框焦点效果
示例原型:点击这里下载实现目标:
1、文本框默认显示文字
2、文本框获取焦点时如果是默认文字,则文本框清空,否则无动作;
3、文本框失去焦点时如果内容为空,则显示默认文字,否则无动作。
最终效果如下:(如果效果不显示,可以单击图片在新页面中查看效果)
http://www.soger.net/wp-content/uploads/2013/07/0-300x202.gif
实现过程:
1、获取焦点时,如果输入框里的文字等于默认值,就清空。(不是默认值,就不会有动作。)
http://www.soger.net/wp-content/uploads/2013/07/1-300x210.jpg
http://www.soger.net/wp-content/uploads/2013/07/2-300x176.jpg
2、失去焦点时,如果输入框是空的就自动填入默认值。(如果不是空的,就没有动作)
http://www.soger.net/wp-content/uploads/2013/07/3-300x180.jpg
http://www.soger.net/wp-content/uploads/2013/07/4-300x152.jpg
好了,生成原型就能看到想要的效果了。
本文出自 诉客 ▪ 产品经理的心声,转载时请注明出处及相应链接。
本文永久链接: http://www.soger.net/35.html
页:
[1]