Chinaunix首页 | 论坛 | 博客
  • 博客访问: 36979
  • 博文数量: 34
  • 博客积分: 988
  • 博客等级: 准尉
  • 技术积分: 370
  • 用 户 组: 普通用户
  • 注册时间: 2011-07-13 15:48
文章分类

全部博文(34)

文章存档

2011年(34)

我的朋友

分类: IT业界

2011-08-24 11:09:12

导航是网站很重要的一部分。它能够引导您的访问者是如何浏览您网站的主要领域,使他们更容易找到好的内容。今天,我们将想向您展示100个导航菜单教程;其中75个是水平CSS菜单教程和25个垂直CSS菜单教程。

  水平CSS菜单教程

  1. Advanced CSS Menu Trick

  Advanced CSS Menu Trick

  View Tutorial Demo

  2.

  Elegant Drop Menu with CSS .ly

  

  3.

  Bulletproof CSS Sliding Doors

  

  4.

  Tabbed Navigation Using CSS

  

  5. Create an Advanced CSS3 Menu – Version 2

  Create an Advanced CSS3 Menu – Version 2

  View Tutorial Demo

  6. Create a Slick Menu using CSS3

  Create a Slick Menu using CSS3

  View Tutorial

  7.

  How to Make a Smooth Animated Menu with jQuery

  

  8.

  How to Make a CSS Sprite Powered Menu

  

  9.

  Simple jQuery Dropdowns

  

  10.

  Designing the Digg Header: How To & Download

  

  11.

  Dynamic Page / Replacing Content

  

  12.

  Create a Fun Animated Navigation Menu With Pure CSS

  

  13.

  How-to: DropDown CSS Menu

  

  14.

  Flexible CSS Menu

  

  15. Creating a glassy non div navigation bar

  Creating a glassy non div navigation bar

  View Tutorial Demo

  16. CSS Sliding Door using only 1 image

  CSS Sliding Door using .ly 1 image

  View Tutorial

  17.

  CSS UL LI - Horizontal CSS Menu

  

  18.

  How to Build a Kick-Butt CSS3 Mega Drop-Down Menu

  

  19.

  A Different Top Navigation

  

  20.

  Create a Cool Animated Navigation with CSS and jQuery

  

  21.

  Navigation Bar

  

  22. CSS: drop down menu tutorial

  CSS: drop down menu tutorial

  View Tutorial Demo

  23. RocketBar – A jQuery And CSS3 Persistent Navigation Menu

  RocketBar – A jQuery And CSS3 Persistent Navigation Menu

  View Tutorial

  24.

  A Great CSS Horizontal Drop-Down Menu

  

  25.

  Overlay Effect Menu with jQuery

  

  26.

  Grungy Random Rotation Menu with jQuery and CSS3

  

  27.

  Rocking and Rolling Rounded Menu with jQuery

  

  28.

  Slide Down Box Menu with jQuery and CSS3

  

  29.

  Advanced CSS Menu

  

  30.

  CSS3 Dropdown Menu

  

  31.

  How To Create A Simple Drop Down Menu With CSS3

  

  32. Pastel color menu with dynamic submenu using CSS

  Pastel color menu with dynamic submenu using CSS

  View Tutorial

  33.

  Creating an Animated CSS3 Horizontal Menu

  

  34. Tutorial to create a Beautiful, simple, horizontal CSS menu

  Tutorial to create a Beautiful, simple, horizontal CSS menu

  View Tutorial & Demo

  35.

  CSS Sprites2 - It’s . Time

  

  36. Image Menu with Jquery

  Image Menu with Jquery

  View Tutorial Demo

  37.

  How to Code an Overlapping Tabbed Main Menu

  

  38. Pure CSS Horizontal Menu

  Pure CSS Horizontal Menu

  View Tutorial Demo

  39. Pure CSS Menu With Infinite Sub Menus Tutorial

  Pure CSS Menu With Infinite Sub Menus Tutorial

  View Tutorial Demo

  40.

  Animated horizontal tabs

  

  41. CSS Sprite Navigation Tutorial

  CSS Sprite Navigation Tutorial

  View Tutorial

  42.

  Create your own drop down menu with nested submenus

  

  43.

  CSS Drop Down Menu Tutorial

  

  44. Nicer Navigation with CSS Transitions

  Nicer Navigation with CSS Transitions

  View Tutorial Demo

  45.

  CSS Navigation Menus

  

  46.

  Pure CSS Fish Eye Menu

  

  47.

  How to Create a CSS3 Tabbed Navigation

  

  48.

  Create an apple style menu and improve it via jQuery

  

  49.

  Create a multilevel Dropdown menu with CSS and improve it via jQuery

  

  50.

  Sweet tabbed navigation using CSS3

  

  51. Create an Advanced CSS Menu Using the Hover and Position Properties

  Create an Advanced CSS Menu Using the Hover and Position Properties

  View Tutorial Demo

  52.

  ***y Drop Down Menu w/ jQuery& CSS

  

  53.

  How to Create a Horizontal Dropdown Menu with HTML, CSS and jQuery

  

  54.

  CSS Express Drop-Down Menus

  

  55.

  Professional Dark CSS Menu

  

  56.

  Creating a Simple yet Stylish CSS Jquery Menu

  

  57.

  jQuery Drop Line Tabs

  

  58. Animated Menus Using jQuery

  Animated Menus Using jQuery

  View Tutorial Demo

  59.

  Make a Mega Drop-Down Menu with jQuery

  

  60.

  Animated Navigation with CSS & jQuery

  

  61.

  Horizontal Subnavwith CSS

  

  62.

  Mega Drop Down Menus w/ CSS & jQuery

  

  63. CSS dropdown menu without javascripting or hacks

  CSS dropdown menu without .ing or hacks

  View Tutorial & Demo

  64.

  CSS Drop Down Navigation Tutorial

  

  65.

  Sleek Pointer Menu 2

  

  66.

  CSS Overlapping Tabs Menu

  

  67.

  Horizontal CSS Menu With Icons

  

  68. Creating a Multi-Level Dropdown Menu using CSS and jQuery

  Creating a Multi-Level Dropdown Menu using CSS and jQuery

  View Tutorial

  69. Create The Fanciest Dropdown Menu You Ever Saw

  Create The Fanciest Dropdown Menu You Ever Saw

  View Tutorial Demo

  70. Create A Speaking Block Navigation Menu Using Pure CSS

  Create A Speaking Block Navigation Menu Using Pure CSS

  View Tutorial Demo

  71.

  Horizontal CSS List Menu

  

  72.

  CSS3 dropdown menu

  

  73.

  Making a CSS3 Animated Menu

  

  74. How To Create A Clean CSS3 Navigation Bar

  How To Create A Clean CSS3 Navigation Bar

  View Tutorial

  75.

  How to Create a Modern Ribbon Banner Navigation Bar with Pure HTML/CSS3

  

  Vertical CSS Menu Tutorials

  76.

  CSS Pop-Out Menu Tutorial

  

  77.

  CSS graphic menu with rollovers

  

  78.

  Vertical CSS Menu With a ‘Behavior’ File

  

  79. Super Fantastic CSS Navigation Image Rollovers

  Super Fantastic CSS Navigation Image Rollovers

  Tutorial

  80.

  Vertical Menu with Hover Effect using CSS

  

  81.

  How To Create A ‘Mootools Homepage’ Inspired Navigation Effect Using jQuery

  

  82.

  Simple CSS Vertical Menus

  

  83. Create a Social Media Sharing Menu Using CSS and jQuery

  Create a Social Media Sharing Menu Using CSS and jQuery

  Tutorial

  84.

  CSS3 Minimalistic Navigation Menu

  

  85.

  Beautiful Slide Out Navigation: A CSS and jQuery Tutorial

  

  86. Awesome Cufonized Fly-out Menu with jQuery and CSS3

  Awesome Cufonized Fly-out Menu with jQuery and CSS3

  Tutorial

  87. Two CSS vertical menu with show/hide effects

  Two CSS vertical menu with show/hide effects

  Tutorial

  88. Animated Drop Down Menu with jQuery

  Animated Drop Down Menu with jQuery

  Tutorial Demo

  89.

  Clean and Attractive jQuery Vertical Menu Tutorial

  

  90.

  Nested Side Bar Menu

  

  91.

  CSS menus

  

  92. Simple Vertical CSS Menu

  Simple Vertical CSS Menu

  Tutorial

  93.

  Sliding Jquery Menu

  

  94.

  Reinventing a Drop Down with CSS and jQuery

  

  95.

  Drop-Down Menus, Horizontal Style

  

  96.

  CSS Vertical Navigation with Teaser

  

  97.

  jQuery style menu with CSS3

   Demo

  98.

  Green Vertical Navigation Menu

  

  

阅读(549) | 评论(0) | 转发(0) |
给主人留下些什么吧!~~