【Axure9案例教程】如何制作网站顶部导航栏，简单易学修改方便

　　正在良众网站中无论是官网、依然后台收拾体系都邑碰到创制导航栏的场景，导航栏是所有网站的导航入口，起到极端厉重的用意，创制导航栏时，不但要知足功效，还要便于后期批改，接下来就来诠释一下奈何创制便利易学的网站导航栏 明白声明 导航栏的一个特征是每个导航菜单都是互斥的，一次只可选中一个，膺选中另一个菜单的时期，前一个被选中的菜单会除去选中，是以这里涉及到一个厉重的常识点是“选项组” 常识点 选项组 交互样式：鼠标悬停、选中 鼠标单击时事故 操作措施 1、将矩形拖入面板中，调理巨细宽度后，复制几个，做成如下图样式 2、成立选项组，全选全面菜单，鼠标右键，拣选选项组 3、输入选项组名称，这个名称可能随便抉择，注意：倘使正在原型中有众个如许的选项组，必要取差异的名称，否则会导致交互恶果失效 声明：这一步成立之后，菜单项就酿成了一个全部且是互斥的恶果，可能明确为一经具有了单选框的恶果 4、接下来要着手成立交互恶果了，全选菜单项，鼠标右键，点击交互样式 5、成立鼠标悬停恶果，勾选填充颜色，成立填充颜色为“#F2F2F2” 声明：成立此步之后，每个菜单项就具有了，鼠标悬停矩形框背风物蜕变的恶果； 鼠标悬停恶果可能按照全体必要成立背风物、文字颜色、边框色、边框线等等恶果，这里只是做个单纯示例 6、成立选中恶果，切换到选中页签，和上步相同成立填充颜色，然后成立字体颜色为“#EC808D”，成立完毕后点击确定按钮 声明：成立此步之后，每个菜单项就具有了，被选中后矩形框背风物和文字颜色蜕变的恶果； 选中恶果可能按照全体必要成立背风物、文字颜色、边框色、边框线等等恶果，这里只是做个单纯示例 7、成立触发事故，选中首页项，点击右边的新筑交互 声明：以上成立让菜单项具有了互斥恶果以及鼠标悬停和被选中后的交互恶果，此时必要作为触发这些恶果 8、拣选“单击时”-“成立选中”-“今朝元件” 9、点击“首页”的单击时事故，复制事故恶果，然后粘贴到其他菜单项 声明：Axure中只可为单个元件成立交互作为，不行批量成立，不外好正在Axure可能复制交互作为，只是必要众次复制粘贴云尔 到此所有导航栏的恶果就做好了，以下是演示恶果 当然这是最根源的导航栏了，没有实行视觉优化，但最根本的功效一经实行，可能正在此根源上优化样式，蜕变出更排场的导航栏