小白自学Axure-鼠标悬停+选中样式如何不冲突

本文介绍了在Axure中制作左侧菜单栏时遇到的鼠标悬停和点击样式问题的解决方案。通过设置动态面板的两种状态,解决点击展开折叠循环展示,以及悬浮样式恢复的问题。同时,通过组合元素并应用整体样式效果,实现图标和文字悬停时同时变更样式。最后,通过设置动态面板的交互动作,完成点击切换状态并实现循环展示的功能。
摘要由CSDN通过智能技术生成

在制作左侧菜单栏时,需要有鼠标悬停样式和鼠标点击样式,那么就遇到几个问题:

1、侧边菜单栏如何“点击展开-点击折叠”循环展示?

2、悬浮样式用OnMouseHover在鼠标移除后样式不会恢复怎么办?

3、图标和文字如何同时在悬停时变更样式?


在看了各种教程加摸索后,终于实现了。下面就记录一下过程:

1、设置动态面板,状态一为折叠(state1),状态二为选中(click),分别设置两个状态的样式。

要在状态下设置样式!

2、进入动态面板的状态一(State1),在交互面板选择鼠标悬浮样式,分别在设置面板样式和icon样式。解决问题2

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值