首页 > 开发 > CSS > 正文

CSS代码教程:30个特殊的CSS网页导航

2024-07-11 09:02:44
字体:
来源:转载
供稿:网友

武林网(www.vevb.com)文章简介:CSS代码教程:30个特殊的CSS网页导航.

1. The Menu menu

CSS代码教程:30个特殊的CSS网页导航

This another great CSS menu Stu Nicholls that’s unique – hovering over a menu item reveals a submenu. If you want get started with this menu just simple view the source code. Demo in page.

2. Pure CSS hover menu

CSS代码教程:30个特殊的CSS网页导航

View Demo

In this CSS technique, you’ll learn to create a vertically-oriented CSS hover menu that reveals a submenu when a menu item is hovered on.

3. Matte CSS Menu

CSS代码教程:30个特殊的CSS网页导航

View Demo

Matte is a simple CSS menu with rounded corners using two small images only from 13styles. It is maintained by David Appleyard who has lots of simple and advanced CSS-based menus.

4. CSS Blur Menu

CSS代码教程:30个特殊的CSS网页导航

View Demo

This CSS technique shows you a method from creating a menu that blurs sibling menu items when you hover over an item.

5. CSS Navigation with Glowing Icons

CSS代码教程:30个特殊的CSS网页导航

View Demo

This beautiful CSS menu technique can be created by following along this extensive step-by-step tutorial.

6. CSS Sliding Door using only 1 image

CSS代码教程:30个特殊的CSS网页导航

View Demo

This slick CSS menu is based on the Sliding Doors technique but only uses one image.

7. Navigation Matrix Reloaded

CSS代码教程:30个特殊的CSS网页导航

View Demo

This stylish navigation menu technique uses a CSS sprite.

8. CSS Horizontal Menu

CSS代码教程:30个特殊的CSS网页导航

View Demo

Ian Main provides a great set of free CSS menus that are stylish and easy to use.

9. Woody CSS Menu

Woody is a pre-made CSS menu that’s ready to use and has been tested in IE6, IE 7, Firefox, Opera, Safari, Chrome. Demo in the page.

10. Advanced CSS Menu

CSS代码教程:30个特殊的CSS网页导航

Advanced CSS Menu was created by Nick La and uses an advanced (extraordinary) list menu utilizing the CSS position property. Demo in the page.

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表