Chinaunix首页 | 论坛 | 博客
  • 博客访问: 197901
  • 博文数量: 95
  • 博客积分: 2383
  • 博客等级: 大尉
  • 技术积分: 1135
  • 用 户 组: 普通用户
  • 注册时间: 2011-06-09 15:14
文章分类
文章存档

2012年(84)

2011年(11)

我的朋友
最近访客

分类: Java

2012-04-24 15:53:28

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

   

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

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

HTML标签:




  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,定义滚动速度

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

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