欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  科技

Axure中怎么为网站制作联动下拉菜单?

程序员文章站 2022-09-29 08:23:21
Axure中怎么为网站制作联动下拉菜单?...

当我们在注册新用户,或者在使用某些工具软件的时候,会遇到当你从一个下拉菜单中选择一项,后面的下拉菜单会跟着变化的情况。此篇就向大家介绍一下如何实现此类功能。

1、打开你的axure,创建一个空白的rp文档。

Axure中怎么为网站制作联动下拉菜单?

2、拖入一个dropdown,作为一级菜单

Axure中怎么为网站制作联动下拉菜单?

3、再拖入一个dropdown,作为二级菜单,并转换为动态面板,命名为second

Axure中怎么为网站制作联动下拉菜单?

4、为一级菜单添加项目「1、2、3」

Axure中怎么为网站制作联动下拉菜单?

5、为二级菜单second添加状态「1、2、3」

Axure中怎么为网站制作联动下拉菜单?

6、分别在不同的状态中,添加一个下拉菜单,作为根据一级菜单的选项,切换后的待选项

Axure中怎么为网站制作联动下拉菜单?

7、为一级菜单添加「onselectionchange」事件用例,限制条件为当前选择的值。并分别添加其他一级菜单选项的事件用例。

Axure中怎么为网站制作联动下拉菜单?

Axure中怎么为网站制作联动下拉菜单?

Axure中怎么为网站制作联动下拉菜单?

完成后按f5进行预览。

Axure中怎么为网站制作联动下拉菜单?

相关标签: Axure 下拉菜单