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

30种时尚的CSS网站导航条

30种时尚的CSS网站导航条

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

21. CSS Mini Tabs (the UN-tab, tab)

CSS Mini Tabs (the UN-tab, tab)

查看演示

这个CSS导航条是由一个比较流行的网页设计中介 SimpleBits 完成,它展示了一个可以创建小TAB页的方法。

22. Drop-Down Menus, Horizontal Style

Drop-Down Menus, Horizontal Style

查看演示

这个A List Apart CSS 菜单技术主要实现了一个纵向的二级菜单,其主要使用了 position: absolute CSS 属性来决定了菜单的位置。

23. List Into a Navigation Bar

List Into a Navigation Bar

查看演示

Roger Johansson 的456 Berea Street 展示了一个简单的理论——把一些带有下划线的列表转换成了一个导航条。这是一个非常好的给初学者的一个案例,可以通过它学习到如何通过CSS创建一个HTML结构的导航条。

24. CSS Tabs with Submenus

CSS Tabs with Submenus

这个CSS导航条菜单允许你创建二级的TAB页,相当不错哦。

25. CSS Block Navigation Menu

CSS Block Navigation Menu

这个CSS导航条,让你可以创建一个带有描述语的导航条。

26. XHTML & CSS Sprite Navigation

XHTML & CSS Sprite Navigation

查看演示

这个时尚的CSS精灵导航条有三个状态:空闲,鼠标感应,和鼠标点击。

27. XHTML CSS Tabbed Menu

XHTML CSS Tabbed Menu

查看演示

你可以学习一个如果不用脚本来创建TAB页。

28. Cool, Simple, Horizontal CSS Menu

XHTML & CSS Sprite Navigation

查看演示

教你如果创建一个简单直接的CSS导航条。

29. CSS Menu with Descriptions

CSS Menu with Descriptions

查看演示

一个会扩展的导航条。

30. CSS Hover Button

CSS Hover Button

查看演示

一个相当不错的教程教你如果制一个鼠标感应式的按钮。


延伸阅读:
很眩的半透明下拉菜单导航条
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号