PHP程序员站--PHP编程开发平台
 当前位置:主页 >> 网页制作 >> CSS >> 

30种时尚的CSS网站导航条

30种时尚的CSS网站导航条

来源:phperz.com  作者:phperz.com  发布时间:2011-08-24
我想,大家在上网的时候一定见过很多很多种各式各样的网站导航条的设计。这些导航条基本上来说都是用CSS来做的。这里,我们将向你介绍几种最不错的用CSS设计的网站导航条。希望你会喜欢。 1. The Menu menu 这是一个非常不错的CSS菜单,相当的独特,每个图标都有鼠标感

我想,大家在上网的时候一定见过很多很多种各式各样的网站导航条的设计。这些导航条基本上来说都是用CSS来做的。这里,我们将向你介绍几种最不错的用CSS设计的网站导航条。希望你会喜欢。

1. The Menu menu

The Menu menu

 这是一个非常不错的CSS菜单,相当的独特,每个图标都有鼠标感应,然后出现子菜单。如果你想知道怎么做的,你可以简单的看一下这个网页的源码。

 

2. Pure CSS hover menu

Pure CSS hover menu

查看演示

一个纵向显示的鼠标感应的菜单和其子菜单。

3. Matte CSS Menu

Matte CSS

查看演示

Matte 是一个简单的CSS 菜单,使用两个图片,可以有13种风格。这个CSS菜单由 David Appleyard 开发和维护,他开发了很多很多简单而有强大的CSS菜单。

4. CSS Blur Menu

CSS Blur Menu

查看演示

一个模糊的导航条,只有当鼠标经过的时候才会变得清楚。

5. CSS Navigation with Glowing Icons

CSS Navigation with Glowing Icons

查看演示

有一个非常不错的简单的教程会教你创建这个漂亮的CSS导航条。

6. CSS Sliding Door using only 1 image

CSS Sliding Door using only 1 image

查看演示

这是一个朴素的CSS导航条,其基于 Sliding Doors 技术,只需要一个图片。

7. Navigation Matrix Reloaded

Navigation Matrix Reloaded

查看演示

又一个相当时髦的导航条。

 

8. CSS Horizontal Menu

CSS Horizontal Menu

查看演示

Ian Main 提供了一组很不错的相当时髦的CSS导航条。

9. Woody CSS Menu

Woody CSS Menu.

Woody 是一个跨浏览器的CSS导航条,其在IE6, IE 7, Firefox, Opera, Safari, Chrome上测试通过。

10. Advanced CSS Menu

Advanced CSS Menu

Advanced CSS Menu 由Nick La 开发,其使用了一个相当独特的方式。


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


108 个各种免费的 CSS 菜单设计
jQuery导航菜单插件 AutoSprites
jQuery水平下拉菜单插件 jdMenu
创建一个纯CSS的水平导航条
14 个很酷的 jQuery 导航菜单插件
使用CSS和jQuery制作漂亮的下拉选项菜单
jQuery+PHP+MySQL实现二级联动下拉菜单
简洁JQuery手风琴竖导航菜单
jQuery有动画淡出的二级折叠菜单代码
JavaScript—旋转导航菜单


jQuery树状菜单插件 Treeview
25 款 jQuery 菜单免费下载
100 个强大的 CSS 制作菜单的教程
Tags: 时尚   css   网站   导航条   导航菜单  
最新文章
推荐阅读
月点击排行榜
PHP程序员站 Copyright © 2007-2010,PHPERZ.COM All Rights Reserved 粤ICP备07503606号