Axure学习日记之tab菜单(二)——点击tab菜单切换页面

Axure学习日记之tab菜单(二)——点击tab菜单切换页面


本期实现点击tab菜单切换对应的页面,同时实现鼠标悬停及选中后菜单颜色改变。
(1)设置鼠标悬停及选中颜色
选择一级菜单,设置鼠标悬停、鼠标按下以及选中样式,改变填充颜色。

在这里插入图片描述

展示效果如下:

在这里插入图片描述

(二)设置点击tab切换对应tab页
第一步,拖入一个动态面板,命名为“页面面板”

在这里插入图片描述
第二步,对该面板添加多个状态

在这里插入图片描述
第三步,填充每个状态面板的内容

在这里插入图片描述
第四步,进入二级菜单,对每一个二级菜单设置单击事件

在这里插入图片描述
设置单击事件,切换页面面板状态
在这里插入图片描述
对单击事件添加设置选中,选中当前菜单时,设置值为true,同时设置其他菜单的值为false(该设置为切换选中时,切换相应颜色)

在这里插入图片描述
展示效果如下:

在这里插入图片描述
在这里插入图片描述
以上,实现了点击不同菜单切换不同界面,同时改变悬停及选中颜色。

第一期:
Axure学习日记之tab菜单(一)——实现菜单下拉及折叠效果

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值