热搜话题榜单

20 个很酷的使用 CSS3 制作的导航菜单教程

最近关于 HTML5 和 CSS3 的内容挺多的，说明这项技术日趋成熟，本文介绍 20 个效果很酷的导航菜单。

非常优秀的jQuery+CSS实现动态导航菜单教程

导航栏是一个网站最常使用的部分之一，用户可以通过它有序地访问网页并返回到主页。这就要求导航栏一定要简单、易用，不要让用户在浏览网站过程中迷失。接下来我们要谈的是其下的导航菜单设计。导航菜单不宜设计成过分花哨，产生令人厌烦的感觉。但也要追求赏心悦目，同

分析基于CSS导航菜单的四个优点

导航结构在网站设计中是起到决定性作用的，导航菜单/栏常常通过颜色、排版、形状和一些图片来帮助网站创造更好的视觉和感受，它是网页设计的关键元素。

300+Jquery CSS MooTools和JS的导航菜单资源

如果你是网站前端开发人员，那么对你来说，也许做一个漂亮导航菜单会很得心应手。但今天暴风彬彬要为大家总结各种导航菜单的资源，以便让大家的网站前端开发的工作更方便更快速，只要选择现成的例子就可以应用于自己的网站了。暴风彬彬收集的这些资源，从非常简单的

DIV+CSS设计实例：透明的导航菜单

这是个透明的CSS菜单,兼容性:IE5.5+、Opera、Frefox、Netscape。 CSS代码： 以下为引用的内容： body{     font: 80% Arial,sans-serif;     background: #666; } #nav

CSS+DIV设计实例：纯CSS制作下拉导航菜单

以下为引用的内容：

借助得力工具五分钟快速制作CSS导航菜单

CSS架构的网页不但符合W3C标准，并且还非常美观。标准化网页从漂亮的CSS菜单开始，如果你还在犹豫，那么请看看下面这些CSS菜单演示吧

实用教程，用CSS创建扁平化面包屑导航

随着近些年CSS与CSS3的发展，有些东西我们可以纯用CSS去实现，取代那些需要使用背景图片的老技术。在这篇教程中，我们将创建扁平化的面包屑导航链接，不再需要使用之前流行的“推拉门式的背景图片”。

Wordpress入门建站教程九：设置导航菜单

WordPress 3.0 添加了一个自定义导航菜单的功能，让你可以很自由地设置网站的导航菜单。现在大多数的主题也都支持这个功能了，那么，究竟该如何设置WordPress导航菜单？今天倡萌就介绍一下。

分享25个CSS3动画按钮和菜单教程

站长之家（CHINAZ.com）5月31日编译：随着CSS3的出现以及越来越多的浏览器对它的支持，设计人员和开发人员有了更多的选择，CSS3提供了很多的设计上的新技术和高级功能，使创建网站变得更容易，用纯CSS也可以实现各种各样很酷的效果，甚至是动画。在本文中，将分享25个CSS3动画按钮和菜单教程，希望对你有所帮助。

用CSS3打造独具创意的动画菜单效果

站长之家（CHINAZ.com）4月12日编译：CSS3新增添了实现动画效果的新功能，通过本文，你可以对这些新功能有个初步了解。本文将为大家带来一些充满创意的菜单悬停效果。它由图标，主标题，副标题等简单的元素构成，通过CSS3最新的过渡（transition）和动画（animation）两个功能实现鼠标悬停时的动画效果。我们用同样的元素做出了9种不同的效果。

改进你的WordPress导航菜单－输出标题描述

在WordPress 3.0中增加了自定义菜单功能，如果你在WordPress后台（外观》菜单）创建一个菜单，你可以在主题中使用wp_nav_menu()函数来显示这些菜单。但是像图中这种带描述的导航菜单还无法简单实现，本文将教你改变WordPress默认的菜单输出结构，打造个性的导航菜单。

WordPress 3.0 – 2:导航菜单使用教程wp_nav_menu()

wordpress 3.0的导航菜单功能或许是最受欢迎的一项新功能。不管对于WordPress新手还是开发人员来说，它都提供了极大的便利。本文将教你如何使用WordPress 3.0的导航菜单功能。

四十三个实例DIV+CSS网页及导航布局教程

在中国，很多前端开发初学者都会把xHTML+CSS页面制作说成DIV+CSS，甚至很多人都还不知道xHTML+CSS是什么意思，只知道盲目的追求DIV+CSS，但在国外，是没有DIV+CSS这个概念的，很明显如果单从字面上去理解，DIV+CSS的网页就要全都是div，很明显是无法达到语义化标准的。

jQuery+CSS实现多级下拉菜单

一个好的菜单，能为电子商务网站增色不少。下面我就用jQuery+CSS来制做一款多级的下拉菜单。

CSS下拉菜单

为大家带来一个无js，无hacks的CSS下拉菜单。且支持IE6.IE6+， FF2+， Opera 9+， Flock2+， Chrom2+ 测试通过缺点：下拉菜单只有一级。

使用纯JavaScript+CSS制作伸缩菜单

不用框架，纯JavaScript+CSS制作的二级伸缩菜单，简单易懂，具有很强的定制性和重复开发性。

纯CSS鱼眼菜单

纯css鱼眼菜单的灵感来自于 Mac OSX Dock , 效果是让带小图标的菜单在鼠标滑过、停留时有放大的效果，鼠标停放的菜单两边的小图片也有一定比例的变化，具体效果可以猛点此处看DEMO...

完全使用css样式制作弹出菜单

完全使用css样式制作弹出菜单..CSS+DIV

用CSS改变的图片由模糊到清楚的导航

用CSS改变的图片由模糊到清楚的导航...