养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

Axure实现搜索框的效果

时间:2024-10-21 10:05:43

用Axure实现搜索框的效果,实现的效果为:(1)当鼠标移入搜索框时,搜索框的巢胫迷芤颜色保持不变(2)当鼠标单击搜索框时,搜索框的颜色由黑色变为红色(3)当鼠标移出搜索框时,搜索框的颜侣忒簿红色继续保持红色不变(4)当鼠标在搜索框以外的区域单单击时,搜索框的颜色由红色变为黑色

工具/原料

Axure8.0

方法/步骤

1、利用矩形创建一个搜索框,在“样式“(Style)中设置搜索框的名字为“SearchBox”,

Axure实现搜索框的效果

2、选中搜索框,在“属性”(properties)中设置其选中状态(selected)时,边框填充颜色为红色,非选中状态(Disabled)时,边框颜色为黑色

Axure实现搜索框的效果

3、选中搜索框,在“属性”(properties)中设置‘鼠标单击’(OnClick)时,发生的动作:将“SearchBox”设置为选中状态(selected)

Axure实现搜索框的效果

4、选中搜索框,在“属性鹁鼍漉糍”(properties)中设置‘失去焦点’(OnLostFocus)时,发生的动作:将“SearchBox”设置为非选中状态(disabled)

Axure实现搜索框的效果

5、目标达成,预览一下可以看一下效果啦

© 一点知识