导航栏是一个网站最常使用的部分之一,用户可以通过它有序地访问网页并返回到主页。这就要求导航栏一定要简单、易用,不要让用户在浏览网站过程中迷失。接下来我们要谈的是其下的导航菜单设计。导航菜单不宜设计成过分花哨,产生令人厌烦的感觉。但也要追求赏心悦目,同时一定要做到方便查找。现在,您可以利用Javascript和jQuery技术设计出不同的导航菜单,本篇文章收集了一些相关教程。
最后,值得提醒的是不要过分使用动态菜单,不要过分复杂,这样会使人产生烦燥的情绪。在设计导航菜单时力求简洁,尤其是导航栏更是如此。
Using jQuery for Background Image Animations
Fading Menu – Replacing Content
Create Vimeo-like top navigation
Sexy Drop Down Menu w/ jQuery & CSS
Create an apple style menu and improve it via jQuery
Create a Cool Animated Navigation with CSS and jQuery
How to Make a Smooth Animated Menu with jQuery
Animated Navigation with CSS & jQuery
Vertical Scroll Menu with jQuery Tutorial
iPod-style Drilldown and Flyout Menu
Beautiful Slide Out Navigation
How To Create A ‘Mootools Homepage’ Inspired Navigation Effect Using jQuery
CSS Sprites2 – It’s JavaScript Time
Animated Drop Down Menu with jQuery
希望对你有帮助。
原文来自:http://designmodo.com/excellent-jquery-css-animated-navigation-menu-tutorials/#ixzz1LYkjLul8
【编辑推荐】