30种时尚的CSS网站导航条

11. Simple Yellow Tabbed

这个导航条由CSS Menu Generator 生成。这是一个质量很不错的导航条。

12. Vimeo-Like Top Navigation

查看演示

这个基于CSS的导航条由 Vimeo 制作。

13. Apple Like Colorful CSS Menu

这是一个效仿 Apple的图片滚动的CSS菜单，其有一个教程。

14. CSS Hoverbox

其灵感来源于 Hoverbox Image Gallery，由Nathan Smith开发，CSS Hoverbox 使用background-position CSS 属性制作。网页上有教程。

15. Big CSS Box

这只不过是一个试验性质的CSS 导航条，其允许你创建一个可以缩放的导航条，其可以自适应于浏览器的宽度。

16. Simple CSS-based drop-down menu

查看演示

这个下拉式菜单，虽然非常简单，但是却非常的优秀。

17. Two Level Horizontal Navigation in CSS

查看演示

Veerle Pieters 提供的这个CSS导航条教程，其主要使用了text-indent CSS 属性。

18. Uberlink CSS List Menus

查看演示

这个CSS导航条看起来很像是一个图片切换的样子。

19. CSS-Only Accordion Effect

查看演示

这个CSS设计的很有想法，啥也不说了，上去看看就知道有多酷了。

20. Tabbed Navigation Using CSS

这是另一个很不错的相法，让你可以创建一个TAB页，注意这是完全由纯CSS写成的。你可以通过点击上面的链接查看如何制作这样一个界面。

延伸阅读:
很眩的半透明下拉菜单导航条
windows 菜单实现代码
25个优秀的下拉菜单导航脚本
用CSS3制作网页下拉菜单代码
推荐10个jquery动画菜单 十分漂亮的插件
jQuery+CSS实现多级下拉菜单
9个流行的jquery手风琴菜单插件
30 款下拉菜单导航菜单脚本欣赏
分享20款漂亮实用的WEB2.0导航菜单源码下载
常用的DIV+CSS导航条