小楼axure教程(一)文本框焦点效果
本帖最后由 xingbb 于 2013-7-6 18:48 编辑小楼axure教程(一)文本框焦点效果示例原型:http://pan.baidu.com/share/link?shareid=665631337&uk=537158863实现目标: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.jpg2、失去焦点时,如果输入框是空的就自动填入默认值。(如果不是空的,就没有动作)http://www.soger.net/wp-content/uploads/2013/07/3-300x180.jpghttp://www.soger.net/wp-content/uploads/2013/07/4-300x152.jpg
好了,生成原型就能看到想要的效果了。
页:
[1]