【Axure9案例】如何制作网站顶部导航栏

导航栏的一个特点是每个导航菜单都是互斥的，一次只能选中一个，当选中另一个菜单的时候，前一个被选中的菜单会取消选中，所以这里涉及到一个重要的知识点是“选项组”

知识点

l选项组

l交互样式：鼠标悬停、选中

l鼠标单击时事件

操作步骤

1、将矩形拖入面板中，调整大小宽度后，复制几个，做成如下图样式

2、设置选项组，全选所有菜单，鼠标右键，选择选项组

​

 

3、输入选项组名称，这个名称可以随意选取，注意：如果在原型中有多个这样的选项组，需要取不同的名称，不然会导致交互效果失效

说明：这一步设置之后，菜单项就变成了一个整体且是互斥的效果，可以理解为已经拥有了单选框的效果