显示隐藏的导航菜单

移动菜单

阴影菜单

微软菜单

XP菜单

这个是用CSS 实现的仿微软网站的级联三级菜单效果，非常实用，折叠型菜单，希望大家喜欢。

黑蓝搭配的横向折角CSS菜单，亮点就是它的折角，完全是用CSS实现，没有使用任何带有修饰性的资源图片等。好好研究一下这段代码，试着把折角改小一点，这样就会接近圆角的效果，还不错吧？

JS+Css伸缩菜单，红色，很好看。注：IE6下好像有点不正常，用的朋友自己修正下！

蓝色理想网站相信大家都知道吧，她是一个注重设计的网站，这款菜单就是模仿蓝色理想网站的，一种奇特的选项卡式的导航条，从功能上来说，类似二级导航菜单，操作体验极舒服。它没有过多使用CSS，因此对CSS不太熟悉的朋友同样适合。

仿Windows XP风格的右键菜单，带图标，视觉舒服。和XP系统的菜单很相似。

自己写的CSS+JS滑动门菜单，支持二级分类，当没有鼠标动作的时候它自己会自动切换，如果不想要这个功能的话可以自己去掉，当初只是自己想研究一下。本人美感不太好，因此美化的不很好，高手再把它美化一下吧，应该还是很不错的。

一个带阴影效果的纯CSS实现的网站导航条，看着比较大气，每个菜单项还有立体效果，响应鼠标变背景，绿色风格，当然颜色你可以自己调整哦，只要学会了思路，修改就方便了。

纯CSS黑色风格的下拉导航条，自己根据已有功能慢慢扩展出来的，只为告诉大家用CSS同样可以实现本效果哦，没有用到任何的JS代码，效果也不错，很多用站都可以用的。

阿里巴巴的一款滑动分类菜单,效果很不错,但是使用了较多的图片,不过这些图片只是背景,不影响你修改菜单的文字,所以很值得大家使用,代码稍嫌多,学习CSS的朋友好好研究一下.

记得以前好多网站用这种菜单，现在还很流行，完全基于CSS标准，兼容多种浏览器，设计美观，简洁大方，自适应宽度，用到有两张背景图片，你可以顺着代码地址下载。自己根据你网站的色调修改一下还是超不错的。

适合企业站使用的一个导航菜单，设计精美，全是用背景拼出来的，不过有一点值得借鉴，看上去这么花，实际上只用了两张背景图片，总的背景一张，菜单是一张，只不过这里是用CSS控制背景平铺的位置，也就是为背景设置像素，只取有用到的部分，这样给你处理图片也带来了好

没有使用不使用图片仿Windows右键菜单，这里灵活使用了文鼎字，配合CSS和JS做出了这个和系统右键菜单很相似的东东。

Div+Js实现的阴影菜单，微软以前老版网站首页曾用过，用以索引出Windows产品家族的所有产品，本菜单仅实现了一个雏形，想实现像微软一样的效果，估计还需要做不少工作。放出来的目的是供学习CSS的朋友做参考。

我觉得这个菜单非常漂亮，暖色调，而且 是用纯CSS技术实现，每个菜单项会自动适应其宽度，达到完美无暇，兼容性也很好，至于字体颜色以及链接的颜色等，这些你都可以再加工，不多说了，想看效果的先运行一下吧。

jQuery 菜单，可以智能判断是否是当前导航，如果是，则给当前的菜单项添加一个标记，而你的CSS文件并不需要重新定义，完全交给jQuery 来处理，现在有些朋友或许已经明白了，是jQuery让这种智能菜单变得更加有创意。