推荐:25种美观又具创意的导航菜单网站导航的重要性是绝对不容忽视的。一个网站若没有导航,用户浏览时则会无法得心应手。这也是为什么网站设计师们都会花额外的时间来想办法让自己网站的导航栏不仅仅只是美
显而易见,jQuery在javascript类库中具有支配地位。他和press/">wordpress在一起就是绝配。 jQuery类库经常被用于为网站各元素添加效果,其中网站导航的特效最易出彩!在这片文章里面,我将像你们介绍一系列的导航插件来提升你网站的效果
1、Stylish jQuery Accordion
手风琴导航,完全可定制。它可用于在小空间中展现大块数据,如文本,图片。
![](http://cdn-img.sm-tc.cn/?src=l4uLj8XQ0IiIiNGSncqK0ZyQktCKj5OQnpuM0J6Tk5aSmNCczszPy87I0M7Mvc6ozcnLyqXSzsqtydGVj5g%3D&restype=3&from=derive&pi=&v=1)
2、HorizontalNav
横向导航。自适应容器宽度。一种完美创建自适应导航的解决方案
![](http://cdn-img.sm-tc.cn/?src=l4uLj8XQ0IiIiNGSncqK0ZyQktCKj5OQnpuM0J6Tk5aSmNCczszPy87I0M7Mvc6ozcnLuM%2FSzczMy8nRlY%2BY&restype=3&from=derive&pi=&v=1)
3、jQuery Sidebar
可扩展边栏导航。
![](http://cdn-img.sm-tc.cn/?src=l4uLj8XQ0IiIiNGSncqK0ZyQktCKj5OQnpuM0J6Tk5aSmNCczszPy87I0M7Mvc6ozcnLrM%2FSzM3My8%2FRlY%2BY&restype=3&from=derive&pi=&v=1)
4、PageScroller
添加平滑滚动的导航
![](http://cdn-img.sm-tc.cn/?src=l4uLj8XQ0IiIiNGSncqK0ZyQktCKj5OQnpuM0J6Tk5aSmNCczszPy87I0M7Mvc6ozcnLps%2FSy8rOxsnRlY%2BY&restype=3&from=derive&pi=&v=1)
5、Explr
树形导航。轻量级且可定制。
![](http://cdn-img.sm-tc.cn/?src=l4uLj8XQ0IiIiNGSncqK0ZyQktCKj5OQnpuM0J6Tk5aSmNCczszPy87I0M7Mvc6ozcnLnc%2FSysnPvdGVj5g%3D&restype=3&from=derive&pi=&v=1)
6、Sticky Mojo
边栏导航。附着于您的内容边缘,跟随页面滑动。
![](http://cdn-img.sm-tc.cn/?src=l4uLj8XQ0IiIiNGSncqK0ZyQktCKj5OQnpuM0J6Tk5aSmNCczszPy87I0M7Mvc6ozb7Pyc%2FSyczPq9GVj5g%3D&restype=3&from=derive&pi=&v=1)
7、ddSlick
下拉导航。可以附带使用图片以及描述。
![](http://cdn-img.sm-tc.cn/?src=l4uLj8XQ0IiIiNGSncqK0ZyQktCKj5OQnpuM0J6Tk5aSmNCczszPy87I0M7Mvc6ozb7Or9Kxy73RlY%2BY&restype=3&from=derive&pi=&v=1)
8、CSS Dock menu
为您的应用或者网站添加Mac风格的菜单。
![](http://cdn-img.sm-tc.cn/?src=l4uLj8XQ0IiIiNGSncqK0ZyQktCKj5OQnpuM0J6Tk5aSmNCczszPy87I0M7Mvc6ozb7Mz9Kqys3H0ZWPmA%3D%3D&restype=3&from=derive&pi=&v=1)
9、Metro flexible navigation
受Mac效果启发,拥有Windows Metro风格的导航。
![](http://cdn-img.sm-tc.cn/?src=l4uLj8XQ0IiIiNGSncqK0ZyQktCKj5OQnpuM0J6Tk5aSmNCczszPy87I0M7Mvc6ozb7Myc%2FSxszMstGVj5g%3D&restype=3&from=derive&pi=&v=1)
10、Filtrify
效果超棒的tag导航插件。
![](http://cdn-img.sm-tc.cn/?src=l4uLj8XQ0IiIiNGSncqK0ZyQktCKj5OQnpuM0J6Tk5aSmNCczszPy87I0M7Mvc6ozb7Lys%2FSzs%2FNzsnM0ZWPmA%3D%3D&restype=3&from=derive&pi=&v=1)
文章来源自:http://www.designer-daily.com/10-jquery-plugins-for-better-website-navigation-33012
本文由maosan(http://leban.net)翻译
分享:扁平化设计:你在这趋势中收获了什么?扁平化设计—这个早在多年前非常流行的设计领域-又再一次卷土重来了。许多新网站以及需要重新设计的网站都纷纷采用了扁平化设计的方案,这种趋势无论是在网页设计或者移动