快好知 kuaihz

Axure教程:导航栏的制作(鼠标移入显示子栏目,移出隐藏)

鼠标移入显示子栏目,移出隐藏,这样的交互一般会用在网站导航栏,如人人都是产品经理的网站的导航栏也是如此,现在我们一起来看一下怎么设计吧。

如下图:

又见效果图,客官请看:https://bjxwh0.axshare.com

教程奉上

1、创建第一个标签,并设置它的交互样式:鼠标悬停时标签为选中点亮的样式。

2、快捷创建剩下的标签

3、添加容纳子项目的动态面板。

4、在面板中添加元件。

5、添加标签并设置交互

6、复制第一个标签,它的交互也会一起并复制过来,不用再重新设置一次了(ctrl按住不放手,拖动你要复制的标签到指定位置之后,松开鼠标,就ok啦)。

7、设置下拉的子项目的隐藏和显示条件:一开始隐藏,移到分类浏览、在子项目下拉板中时显示,移到首页和热门课程时隐藏。

8、大功告成,预览来看看自己是不是做成功了吧。

本站资源来自互联网,仅供学习,如有侵权,请通知删除,敬请谅解!
搜索建议:Axure教程:导航栏的制作  移入  移入词条  隐藏  隐藏词条  鼠标  鼠标词条  栏目  栏目词条  导航  导航词条  
原型

 Axure交互|QQ三大界面的交...

作为一个尚未出道的新人,在看各位大咖的产品之路,更为兴奋和谨慎,提笔在于记录产品路的点点滴滴,也欢迎一起沟通和学习。这里我就用一个主界面和多层的动态面板内嵌(只...(展开)

原型

 Axure教程:一个中继器实现密...

本文给大家介绍用一个中继器实现axure登录时账号密码验证效果,一起来看看~实现效果如下图:工具/原料:账号文本框密码文本框登录按钮中继器记录密码的文本标签(隐...(展开)