日期: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
分享到:
相关推荐
帮助你生成全屏视频背景的超棒jQuery插件实例,附带源代码
kinetic 是一款超棒的 JavaScript 动态滚动系列的示例和教程集合。在线演示 标签:jQuery
jQuery绝对是一个伟大的开源javascript类库,是帮助我们快速和高效开发前端应用的利器。可能大家在日常的开发过程中常常会处理表单相关的javascript,在今天这篇代码片段分享文章中,这里收集了10个超棒超实用的...
Uploadify是JQuery的一个上传插件,实现的效果非常不错,文档内容详细有条理 特别适合Uploadify初学者 api丰富
这是一个并不引人注目的 jQuery 插件。 2. BetterTip 允许你创建定制的 Tool tips 的 jQuery 插件。 3. EZPZ Tooltip 非常简单的使用边框的 tooltip,同样也可以跟随鼠标。 4. BsTip 各种简单的 ...
jQuery超棒动态表单验证效果.zip
NULL 博文链接:https://justcoding.iteye.com/blog/2074425
超棒的网址导航站(完整无错,密码 www.yanjiao168.com)
超棒的环形菜单效果jQuery插件,效果不错,适合做图片查看
Snippet 是一款超棒的代码高亮插件,支持15种流行语言,有数十种配色方案供选择,酷! Apple-like Retina Effect With jQuery ( 演示 | 下载 ) 使用 jQuery 实现的苹果 Retina 效果插件,很棒! Animate ...
对于初学者来说,有的时候很难找到一个好的学习jQuery的网站,所以本文收集了8个很棒的 jQuery 学习网站推荐给大家。 1. Learning jQuery 最好的 jQuery 资源博客之一,从 jQuery 高手那里获得宝贵的经验。 2. ...
超棒的web应用技术课程设计——在线影评系统.pdf超棒的web应用技术课程设计——在线影评系统.pdf超棒的web应用技术课程设计——在线影评系统.pdf超棒的web应用技术课程设计——在线影评系统.pdf超棒的web应用技术...
超棒的web应用技术课程设计——在线影评系统.docx超棒的web应用技术课程设计——在线影评系统.docx超棒的web应用技术课程设计——在线影评系统.docx超棒的web应用技术课程设计——在线影评系统.docx超棒的web应用...
超级棒的前端点赞功能,方便且实用
有趣的jquery搜索框插件zySearch是一款用户体验超棒,搞笑,新颖搜索框代码。
如果你不想使用重量的jQuery UI类库的话,这个插件肯定是一个不错的备选。Kalendae包含了丰富的插件选项,配置,属性,事件和函数。给予你丰富和灵活的方式来创建日期选择 器。当然它内含了一个强大的日期处理...
人物图片皮肤修复工具,效果超棒,更多选项,请下载试用,设计师的必备PHOTOSHOP 插件
一个超棒可视化学习函数式编程的游戏
旅游行业深度解析狂人国:超棒体验,逆势增长-1024-国泰君安-25页.pdf