查看: 9318|回复: 6

横向二级导航菜单的制作

[复制链接]

0

主题

62

回帖

22

积分

会员

Rank: 5Rank: 5

积分
22
发表于 2010-7-1 13:54:07 | 显示全部楼层 |阅读模式
尹广磊公众帐号
怎么制作如图样式的导航,通常用菜单(水平)这个控件添加出来的子菜单是垂直排列的,如何做到水平排列
1.jpg

530

主题

6314

回帖

6万

积分

管理员

创始人

Rank: 9Rank: 9Rank: 9

积分
68674
QQ
发表于 2010-7-1 14:30:10 | 显示全部楼层
用动态面板,把二级菜单放在一个动态面板中,默认设置为隐藏。
鼠标进入一级导航时,显示出动态面板即二级菜单。

可以到组件库中下载:http://www.hiaxure.com/thread-1195-1-1.html

0

主题

40

回帖

236

积分

会员

Rank: 5Rank: 5

积分
236
发表于 2010-7-1 14:59:35 | 显示全部楼层
坛子里有很多同学做了仿**网站的例子,楼主可以参考
随便做了一个,你看看

水平导航.rp

62.5 KB, 下载次数: 104

0

主题

62

回帖

22

积分

会员

Rank: 5Rank: 5

积分
22
 楼主| 发表于 2010-7-1 16:02:05 | 显示全部楼层
坛子里有很多同学做了仿**网站的例子,楼主可以参考
随便做了一个,你看看
赵野 发表于 2010-7-1 14:59

用动态这个我很早就用到了。不过LS做的rp有个问题,发觉没,你把鼠标移开后,二级导航不会隐藏了,比如你点完新闻公告后鼠标直接滑到游戏下载,二级页就不会隐藏了。其实我是想问又没什么更简便的方法,比如在axure的某个控件中直接设置的,菜单控件,或者其他?

水平导航.rp

63.69 KB, 下载次数: 34

1

主题

269

回帖

292

积分

版主

Nick

Rank: 7Rank: 7Rank: 7

积分
292
QQ
发表于 2010-7-1 16:22:24 | 显示全部楼层
1.导航菜单上分类按钮做OnMouseEnter显示一个该分类展开层,隐藏其他分类的展开层
2.做一个透明的矩形,置最底层,这个矩形OnMouseEnter隐藏所有展开层

具体看附件源码自己理解消化

移动展开菜单.rp

74.31 KB, 下载次数: 116

适不适合做产品人?请问自己:
我是否拥有完美之心、想得到、说得出、做的好

0

主题

28

回帖

174

积分

会员

Rank: 5Rank: 5

积分
174
发表于 2010-7-2 13:00:45 | 显示全部楼层
动态面板还是非常强大的,想好思路,点击一级菜单,二级哪个隐藏,哪个显示,你用onMouseEnter,然后显示二级菜单,onMouseOut隐藏二级菜单。

0

主题

6

回帖

12

积分

会员

Rank: 5Rank: 5

积分
12
发表于 2011-4-29 15:34:07 | 显示全部楼层
1.导航菜单上分类按钮做OnMouseEnter显示一个该分类展开层,隐藏其他分类的展开层
2.做一个透明的矩形,置最底层,这个矩形OnMouseEnter隐藏所有展开层

具体看附件源码自己理解消化
曾俊龙 发表于 2010-7-1 16:22


请问学长这个具体是怎么来实现的,我下载了您上传的rp,可是很多组件不知道是通过什么操作来实现,可否略加解释一下,感恩。
您需要登录后才可以回帖 登录 | 新用户注册

本版积分规则

QQ|友情链接|版权声明|关于我们|Axure中文社区 |网站地图

GMT+8, 2025-5-12 00:59

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表