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

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

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

主要特性

• 支持jQuery
• 需要scrollTo插件
• 使用简单
• 支持主流浏览器
• 使用简单

如何使用

HTML标签：

  
Section 1
  
Section 2
  Section 3



  Section 1
  
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
  incididunt ut labore et dolore magna aliqua.


  Section 2
  
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor 
  incididunt ut labore et dolore magna aliqua.


  Section 3
  
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor 
  incididunt ut labore et dolore magna aliqua.

Javascript：

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

$(document).ready(function() {$('#nav').onePageNav();});

插件主要选项

• currentClass：缺省值'current'，用来定义选定的导航项目的样式
• changeHash：缺省值false，如果你希望hash变化，那么设定这个选项为true。
• scrollSpeed：缺省值700，定义滚动速度

插件使用非常简单，希望大家能应该到自己的项目中。