繁體中文当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > Webjx收集基于CSS+JS设计50款优秀的导航菜单
- CSS样式表
- CSS 表单元素不继承body的字体属性
- 网页制作学习教程 CSS Position
- 网页设计学习教程 CSS盒模型
- vertical-align 表单元素垂直对齐的解决方法
- 不用Cookie的仿刷新二级高亮菜单
- CSS3 优势以及网页设计师如何使用CSS3技术
- CSS 网页制作 提高CSS可阅读性
- CSS 样式表中引用图片地址在各浏览器中的差异
- CSS Sprite优化 减少HTTP链接数
- 网页制作中应用的50个CSS技巧(国外)
- CSS 英文教程 CSS语法
- CSS 网页文字渐变效果
- 纯css 圆角实现代码
- CSS 新的图像替换方法
- 不必需的样式脚本文件导致页面不能及时更新
- CSS 约定写法 利用扩展
- 最全的CSS浏览器兼容问题小结
- CSS 网页图文混排的10个技巧
- IE的CSS制作网页技巧3则
- 创造100% 自适应css布局的行之有效的方法
CSS样式表 中的 Webjx收集基于CSS+JS设计50款优秀的导航菜单
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-10-27 浏览: 429 ::
收藏到网摘: n/a
网站可用性是任何网站的基本要素，而可用的导航更是网站所必需的要素之一。导航决定了用户如何与网站进行交互。如果没有了可用的导航，那么网站内容就会变得毫无用处。导航菜单应当足够简单以让用户快速了解它，但还要包含一些必要的元素来引导用户浏览整个网站——融入一些有创意且漂亮的设计。
下面ruanchen.com要向大家推荐的50款优秀的导航菜单，有些是基于CSS设计的，有些是基于CSS+JavaScript的菜单，还有些是基于Flash的导航菜单设计，它们都有一个共同点:那就是它们都极具创意、界面对用户有好的，且完美的与网站的整体风格融合在一起。
1.基于CSS的导航菜单设计
Loodo
让网站更有感觉的华丽的菜单
Acko.net
Steven将他网站的导航菜单设计成了不同寻常的透视效果。
Web Design Ledger
Web Design Ledger的导航菜单设计的非常棒，超大的尺寸让用户的操作很方便，但不会干扰到网站的内容。
UX Booth
UX Booth在它的导航下面使用了华丽的文本区，用来对每个相应的导航菜单项进行详细描述。
Nopokographics
很少有网站使用纵向的导航，原因很简单:纵向菜单用起来很困难。但是，仍然会有一些设计师铤而走险。 Nopoko Graphics 为纵向导航添加了箭头和一些鼠标悬停效果。
Icon Designer
这个网站在首页使用了一个很大的基于图片的导航。用户的视线会第一时间被这个大导航吸引，从而起到方便用户的作用。
Cosmicsoda
这个网站的大导航很吸引人，而且使用了轻微的悬停效果来着重显示某个菜单项。
Designsensory
这个二级下拉式导航菜单，通过不同的颜色来凸显当前激活的菜单项。
Smallstone
Smallstone,一家美国唱片公司。导航的设计样式是号称Space Echo Roland SE-201。
TNVacation
这是个非常难得的养眼的下拉菜单，的确非常漂亮！
Clearleft
Clearleft用几张纸组成了它的导航菜单。
45royale
带有漂亮的鼠标悬停效果的简洁导航。
2. 带有JavaScript的CSS菜单
3. 基于Flash的菜单
Nick Tones 看到此信息请您谅解！ruanchen.com为了防采集加上的！请到软晨学习网浏览更多信息。
4. 高可用性的导航菜单
polargold 本文由软晨学习网（ruanchen.com）发布！转载和采集的话请不要去掉！谢谢。
Jason Reed Web Design 看到本信息说明该文是通过网页教学（ruanchen.com）整理发布的，请不要删掉！
5.纵向导航布局
6.对用户友好的侧边栏菜单
评论 (0) All
