博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
分享一个超棒的jQuery的单页面滚动导航设计插件 - jQuery one page nav
阅读量:5268 次
发布时间:2019-06-14

本文共 1109 字,大约阅读时间需要 3 分钟。

分享一个超棒的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,定义滚动速度

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

转载于:https://www.cnblogs.com/gbin1/archive/2012/04/24/2468201.html

你可能感兴趣的文章
win8快捷键
查看>>
mysql explain执行计划详解
查看>>
Docker安装GitLab
查看>>
windows下面安装Python和pip终极教程
查看>>
Hadoop基本概念
查看>>
java.util.zip压缩打包文件总结一:压缩文件及文件下面的文件夹
查看>>
JavaScript高级程序设计(四): 关键字With的使用
查看>>
浅说 apache setenvif_module模块
查看>>
MySQL--数据插入
查看>>
判断一个元素有没有条件
查看>>
[JLOI2011]飞行路线 (分层图,最短路)
查看>>
重新学习python系列(二)? WTF?
查看>>
JQ中 trigger()和triggerHandler()区别
查看>>
Rsync + inotify 实现文件实时同步
查看>>
TMDXEVM6678L EVM开发板初使用(1)
查看>>
FreeRTOS任务暂停和启动函数
查看>>
02-CSS基础与进阶-day11_2018-09-17-20-55-43
查看>>
本地储存
查看>>
Hibernate主键生成策略
查看>>
Spring事物管理
查看>>