Axure如何制作下拉多选框效果

 时间:2024-10-18 15:40:38

1、打开Axure,从左侧元件库拖取一个【下拉列表框】与【矩形1】元件到页面。如图

Axure如何制作下拉多选框效果

2、调整一下【矩形1】的样式展示,然后右键将【矩形1】转换为动态面板,如图

Axure如何制作下拉多选框效果

3、进入动态面板【State1】设置,添加若干个【复选框】,如图

Axure如何制作下拉多选框效果

4、回到主页面,将【动态面板】设置为隐藏,如图

Axure如何制作下拉多选框效果

5、选择【下拉列表框】,在更多事件中找到【鼠标单击时】事件,设置事件为:切换显示/隐藏动态面板,设置动画效果。如图

Axure如何制作下拉多选框效果

6、完成设置后,预览结果,实现了下拉多选框效果。如图

Axure如何制作下拉多选框效果
Axure如何制作下拉多选框效果
  • jquery改变包含指定文本td的颜色
  • 墨刀怎样查看自动标注
  • 墨刀如何制作底部菜单
  • Nomad如何打开最大采样值
  • Axure中继器如何导入表格数据?
  • 热门搜索
    中秋佳节手抄报 好书伴我行手抄报 我爱文学的手抄报 关于钓鱼岛的手抄报 春的手抄报 小学生国庆节手抄报 迎中秋庆国庆手抄报简单又漂亮 经典诵读手抄报图片 运动会的手抄报 手抄报怎么做