分享一个超棒的jQuery的单页面滚动导航设计插件 - jQuery one page nav

日期：2012-4-21??来源：GBin1.com

在线演示1? 在线演示2? 本地下载

单页面设计最近越来越流行了，使用单页面的网站简单优雅并且易于维护，你不需要修改很多文件来做日常维护，而且使用超酷的动态滚动方式来展示你的个人网站或者公司网站，的确是一个非常不错的选择，今天这里我们将介绍给大家一款非常不错的单页面滚动式导航jQuery插件 - jQuery one page nav，希望大家能够应用到自己的网站设计和开发中，如果你也喜欢这个插件，请给我们留言，谢谢！！

主要特性支持jQuery需要scrollTo插件使用简单支持主流浏览器使用简单如何使用

HTML标签：

<ul id="nav">? <li class="current"><a href="#section-1">Section 1</a></li>? <li><a href="#section-2">Section 2</a></li>? <li"><a href="#section-3">Section 3</a></li></ul><div id="section-1">? <strong>Section 1</strong>? <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor? incididunt ut labore et dolore magna aliqua.</p></div><div id="section-2">? <strong>Section 2</strong>? <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor ? incididunt ut labore et dolore magna aliqua.</p></div><div id="section-3">? <strong>Section 3</strong>? <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor ? incididunt ut labore et dolore magna aliqua.</p></div>

Javascript：

<script src="jquery.js"></script><script src="jquery.scrollTo.js"></script><script src="jquery.nav.min.js"></script>

将插件应用到导航项目上：

...

来源：分享一个超棒的jQuery的单页面滚动导航设计插件 - jQuery one page nav