用Axure实现搜索框的效果,实现的效果为:(1)当鼠标移入搜索框时,搜索框的巢胫迷芤颜色保持不变(2)当鼠标单击搜索框时,搜索框的颜色由黑色变为红色(3)当鼠标移出搜索框时,搜索框的颜侣忒簿红色继续保持红色不变(4)当鼠标在搜索框以外的区域单单击时,搜索框的颜色由红色变为黑色
工具/原料
Axure8.0
方法/步骤
1、利用矩形创建一个搜索框,在“样式“(Style)中设置搜索框的名字为“SearchBox”,
2、选中搜索框,在“属性”(properties)中设置其选中状态(selected)时,边框填充颜色为红色,非选中状态(Disabled)时,边框颜色为黑色
3、选中搜索框,在“属性”(properties)中设置‘鼠标单击’(OnClick)时,发生的动作:将“SearchBox”设置为选中状态(selected)
4、选中搜索框,在“属性鹁鼍漉糍”(properties)中设置‘失去焦点’(OnLostFocus)时,发生的动作:将“SearchBox”设置为非选中状态(disabled)
5、目标达成,预览一下可以看一下效果啦