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

怎么用原型实现鼠标悬停按钮变色效果

时间:2024-09-22 06:57:51

使用AxureRP8,实现鼠标悬停按钮变色效果

工具/原料

AxureRP8

方法/步骤

1、在画布中放需要的按钮图标,未选中状态色。命名为【未选中】。

怎么用原型实现鼠标悬停按钮变色效果

2、在画布中放需要的按钮图标,选中状态色。命名为【选中】。

怎么用原型实现鼠标悬停按钮变色效果

3、注:图标可在图标库下载。

怎么用原型实现鼠标悬停按钮变色效果

怎么用原型实现鼠标悬停按钮变色效果

4、设置按钮【未选中】鼠标移入时隐藏【未选中】显示【选中】。

怎么用原型实现鼠标悬停按钮变色效果

5、设置按钮【选中】鼠标移出时隐藏【选中】显示【未选中】。

怎么用原型实现鼠标悬停按钮变色效果

6、将按钮【选中】,右键设为隐藏。

怎么用原型实现鼠标悬停按钮变色效果

7、将两个按钮叠加放在一起,注意【选中】放在顶层,预览即可。

© 一点知识