Axure RP9——【导航栏二级菜单的展开效果】

导航栏二级菜单的展开效果

Here's how I want things to unfold.

导航栏二级菜单的展开效果

I.展示效果

II.实例

I.展示效果

Axure RP9 导航栏二级菜单展示效果

II.实例

1.需求：

①点击一级菜单的时候，可以显示出二级菜单；再次点击即可复原

②对二级菜单，可以设置交互，鼠标点击或者移动等等时，会有选中效果

2.步骤

（1）放置元件：

放文本框或者直接按钮，调整字体，样式即可

（2）把二级菜单，选中，转换为动态面板；并进行命名“二级菜单面板”，默认为隐藏状态

（3）设置交互

①对一级菜单：单击时——显示/隐藏——切换——目标：动态面板

②对二级菜单：进入动态面板的编辑状态；对子分类分别进行设置

先设置一个交互样式，选中时候的状态：这里设置的是，选中状态时，颜色为浅蓝

设置动作：可以根据需求进行不同的设定即可。自由发挥，整齐划一即可。

注：目标要选当前元件

③将二级菜单，合并为1个选项组：

选项组是为了只有一个可选项

（4）都设置完成后，将一级菜单及对应的二级菜单都分为组合成一个组；并进行命名即可。

.Axure9.0教程

Axure RP9——【导航栏二级菜单的展开效果】相关推荐

简单实现CSS导航栏二级菜单从上往下平滑滑下弹出效果
页面样式如下: html: <li><div class="nav-tab">技术分析</div><ul class="nav- ...
html+css 实现导航栏二级菜单——气泡框
页面效果展示: 代码实现: HTML部分 <!DOCTYPE html> <html lang="en"><head><meta char ...
后台管理页面通过点击左侧导航栏的菜单项实现右边内容的改变
目录前端页面部分 js代码部分左侧导航栏组菜单项的打开与关闭 url地址跳转地址栏url地址处理 ajax实现右边页面内容变换内容面板上Bootstrap 面包屑导航前端页面部分 <a ...
php 3d animation,CSS_纯CSS实现菜单、导航栏的3D翻转动画效果，我曾经向大家展示过闪光的logo - phpStudy...
纯CSS实现菜单.导航栏的3D翻转动画效果我曾经向大家展示过闪光的logo,燃烧的火狐狸,多重嵌套动画等例子,今天,我们将要制作一个简单但非常酷的3D翻转菜单.大家可以先看看实际效果,下面有效果截图 ...
WEB HTML 二级菜单折叠展开菜单
WEB HTML 二级菜单折叠展开 WEB,HTML,二级菜单,折叠展开一.效果图: 二.==完整==代码: 三.声明 ==文章属于原创,如需引用请@作者,并注明出处!== WEB,HTML,二级 ...
php 实现tab切换_微信小程序实例：实现顶部tab切换以及滑动切换时导航栏会随着移动的效果（代码）...
本篇文章给大家带来的内容是关于微信小程序实例:实现顶部tab切换以及滑动切换时导航栏会随着移动的效果(代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 实现的效果: js: Pa ...
微信小程序导航栏或菜单栏吸顶效果简单实现
微信小程序导航栏或菜单栏吸顶效果简单实现思路: 1.获取导航栏初始位置距顶部的距离s1(通过获取页面标签方法) 2.监听页面的滑动,获取滑动距离s2(使用onPageScroll) 3.当s2> ...
html 中怎么写二级导航,html二级菜单导航栏成品
html 高级二级导航菜单代码如下: #menu { width: 600px; font-family: Arial; font-size: 15px; } #menu ul { display: ...
HTML+CSS实现导航栏二级下拉菜单图书案例
一.效果图二.内容.要求学习完HTML5+CSS之后,可以考虑设计并实现一个导航栏菜单,对某个项目比如你的个人书籍按类别(硬件类.软件类.语言类.网络类等分法)进行分门别类,其中上面括号中的类别为 ...

Axure RP9——【导航栏二级菜单的展开效果】

导航栏二级菜单的展开效果

Navigation Bar · secondary menu

I.展示效果

II.实例

Axure RP9——【导航栏二级菜单的展开效果】相关推荐

最新文章

热门文章