Question

Axure如何制作网站顶部导航栏？

Answer 1

当鼠标移动到菜单中时显示子菜单，当鼠标移出菜单时自动隐藏的交互是网站原型设计时常用的。那么，今天就来教一教大家怎么制作一个网站顶部导航栏~学Axure，先学基础再学交互最后就是动手实操！在，就可以获取到专业全面的Axure自学视频课展开综合学习~专业讲师教学，知识点满满，学会可自主实操设计原型~

Axure制作网站顶部导航栏教程：

1.菜单制作制作顶部菜单，使用基本元件：文本标签创建标题，设置标题大小并设置行间距。

2.子菜单制作制作子菜单，使用基本元件：动态面板，并设置动态面板名称，进入动态面板。

进入动态面板添加子菜单名称，可针对每个子菜单添加交互，如跳转链接，鼠标移上去字段交互等。

3.菜单交互回到index页面，针对一级菜单添加交互，当鼠标移入时显示菜单一并向下滑动，时间动画300s。

一级菜单交互

针对二级菜单添加交互，当鼠标移出时隐藏菜单一并向上滑动，时间动画300s。

4.热区添加在菜单边加上热贺返区交互，即可实现上述效果。

最终效果：

以上就是关于“Axure如何制作网站顶部导航栏？”的全部内容分享了，怎么样？你学到了吗？Axure学习讲究方法与技巧，如果你觉得你的理解学习能力强，不妨山拍拿继续浏览更多Axure相关文章~当然，如果你需要更加系统精准地学习Axure，那么我建议你选择我们的Axure自学视频课哦~最后点赞、留言+收藏，下次学习逗搭更方便哦~