深圳市进源盛塑胶材料有限公司

PEEK;PTFE;POM;PMMA

 
 
新闻中心
  • 暂无新闻
产品分类
  • 暂无分类
站内搜索
 
友情链接
  • 暂无链接
正文
【Axure9案例】如何制作网站顶部导航栏
发布时间:2022-05-09        浏览次数:        

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

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

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

  说明:设置此步之后,每个菜单项就拥有了,鼠标悬停矩形框背景色变化的效果;

  鼠标悬停效果可以根据具体需要设置背景色、文字颜色、边框色、边框线等等效果,这里只是做个简单示例

  6、设置选中效果,切换到选中页签,和上步一样设置填充颜色,然后设置字体颜色为“#EC808D”,设置完毕后点击确定按钮

  说明:设置此步之后,每个菜单项就拥有了,被选中后矩形框背景色和文字颜色变化的效果;

  选中效果可以根据具体需要设置背景色、文字颜色、边框色、边框线等等效果,这里只是做个简单示例

  说明:以上设置让菜单项具有了互斥效果以及鼠标悬停和被选中后的交互效果,此时需要动作触发这些效果

  说明:Axure中只能为单个元件设置交互动作,不能批量设置,不过好在Axure可以复制交互动作,只是需要多次复制粘贴而已

  这是最基础的导航栏了,没有进行视觉优化,但最基本的功能已经完成,可以在此基础上优化样式,变化出更美观的导航栏。返回搜狐,香港六合生肖卡片,查看更多