9 个单页面网站开发必备的 jQuery 插件
- - ITeye资讯频道单页面网站作为简单快捷、易于维护的页面设计方案，越来越受到工作室、作品集或者个人博客类网站用户的青睐，我们可以使用不同的特效来使得页面更加的丰富和炫动. 今天我们将介绍几款可以作为单页面开发的jQuery插件，帮助大家快速简便的实现一个单页面的网站设计，希望大家喜欢. 使用这个插件，可以帮助你快速搭建一个滚动的页面导航，如果你需要比较简单直接的方式开发一个单页面的网站，这个插件是一个不错的选择.
9 个单页面网站开发必备的 jQuery 插件
标签：
页面
网站
开发
| 发表时间：2012-07-26 13:53 | 作者：
出处：http://www.iteye.com
单页面网站作为简单快捷、易于维护的页面设计方案，越来越受到工作室、作品集或者个人博客类网站用户的青睐，我们可以使用不同的特效来使得页面更加的丰富和炫动。今天我们将介绍几款可以作为单页面开发的jQuery插件，帮助大家快速简便的实现一个单页面的网站设计，希望大家喜欢！
1. jQuery one page nav
使用这个插件，可以帮助你快速搭建一个滚动的页面导航，如果你需要比较简单直接的方式开发一个单页面的网站，这个插件是一个不错的选择。
2. jQuery ScrollPath
jQuery ScrollPath是一个非常棒的插件，允许你画出自己自定义的滚动路径。HTML元素可以被放置到路径上，而且类似的鼠标滚轮、键盘上下移动键，或者空格键都可以帮助你移动到你需要到达的元素位置。并且一个可选的自定义滚动条可以帮助你方便的点击和拖拽滚动。而且插件允许你使用CSS变形特性来旋转整个页面。
3. Ascensor.js
使用这个jQuery插件可以帮助我们定位页面任何内容块到画布，并且可以使用键盘来浏览。而且这个部分可以被导航和浏览。
4. Curtain.js
curtain.js是一个使用自定义的窗帘效果显示多个固定面板的jquery插件，拥有非常棒的滚动特效。
5. Zoonooz.js
一个缩放插件，但是可以用来定位单页面中的不同区域。
6. Pagify.js
这个插件可以用来创建单页面的网站，这个插件的实现方式是将不同菜单中的内容保存到不同HTML文件中，并且通过定义的div来加载不同的菜单项内容。
7. JustaPage
Justapage不仅仅是一个插件，还是一个用来设计单页面网站的模板，这个模板是跨浏览器兼容的，并且支持移动设备。
8. SuperScrollrama
这个超棒的插件可以帮助你生成视差滚动特效，如果你希望你的网站更酷一些，那么就整合这个插件吧！
9. Waypoints
Waypoints可以用作单页面导航设计插件。它可以让你方便的处理页面滚动事件，你可以比较自由的在自己的UI中使用这个插件控制页面滚动事件。
感谢 tyygming 投递这篇资讯
声明：本文系ITeye网站发布的原创资讯，严禁任何网站转载本文，否则必将追究法律责任！
资讯来源： gbin1.com
已有 3 人发表留言，猛击->> 这里<<-参与讨论
ITeye推荐
1. jQuery one page nav
使用这个插件，可以帮助你快速搭建一个滚动的页面导航，如果你需要比较简单直接的方式开发一个单页面的网站，这个插件是一个不错的选择。
2. jQuery ScrollPath
jQuery ScrollPath是一个非常棒的插件，允许你画出自己自定义的滚动路径。HTML元素可以被放置到路径上，而且类似的鼠标滚轮、键盘上下移动键，或者空格键都可以帮助你移动到你需要到达的元素位置。并且一个可选的自定义滚动条可以帮助你方便的点击和拖拽滚动。而且插件允许你使用CSS变形特性来旋转整个页面。
3. Ascensor.js
使用这个jQuery插件可以帮助我们定位页面任何内容块到画布，并且可以使用键盘来浏览。而且这个部分可以被导航和浏览。
4. Curtain.js
curtain.js是一个使用自定义的窗帘效果显示多个固定面板的jquery插件，拥有非常棒的滚动特效。
5. Zoonooz.js
一个缩放插件，但是可以用来定位单页面中的不同区域。
6. Pagify.js
这个插件可以用来创建单页面的网站，这个插件的实现方式是将不同菜单中的内容保存到不同HTML文件中，并且通过定义的div来加载不同的菜单项内容。
7. JustaPage
Justapage不仅仅是一个插件，还是一个用来设计单页面网站的模板，这个模板是跨浏览器兼容的，并且支持移动设备。
8. SuperScrollrama
这个超棒的插件可以帮助你生成视差滚动特效，如果你希望你的网站更酷一些，那么就整合这个插件吧！
9. Waypoints
Waypoints可以用作单页面导航设计插件。它可以让你方便的处理页面滚动事件，你可以比较自由的在自己的UI中使用这个插件控制页面滚动事件。
感谢 tyygming 投递这篇资讯
声明：本文系ITeye网站发布的原创资讯，严禁任何网站转载本文，否则必将追究法律责任！
资讯来源： gbin1.com
已有 3 人发表留言，猛击->> 这里<<-参与讨论
ITeye推荐
相关 [页面 网站 开发] 推荐：
网站页面优化策略
- - 月光博客 网站的页面优化，也即网页优化是对网页的程序、内容、版块、布局等多方面的优化调整，使其适合搜索引擎检索，满足搜索引擎排名的指标，从而在搜索引擎检索中获得的排名提升，增强搜索引擎营销的效果使网站的产品相关的关键词能有好的排位. 使网站更容易被搜索引擎收录，提高用户体验和转化率进而创造价值. 下面主要从网站代码、标签、正文等几个方面来讲述网站的页面优化.
curl网站开发指南
- Andy - 阮一峰的网络日志我一向以为，curl只是一个编程用的函数库. 最近才发现，这个命令本身，就是一个无比有用的网站开发工具，请看我整理的它的用法. curl是一种命令行工具，作用是发出网络请求，然后得到和提取数据，显示在"标准输出"（stdout）上面. 它支持多种协议，下面举例讲解如何将它用于网站开发. 直接在curl命令后加上网址，就可以看到网页源码.
给网站布置一个明晰的“关于”页面
- chenhua - 互联网的那点事所有网站，无论是官方、电子商务、社会化网络还是个人站点，都应该布置一个恰到好处的“关于”页面，直截了当地告诉到访者，为什么要浪费他们宝贵的时间浏览你的网站. 1、向浏览者传达本站的价值，留住用户. 2、始终提醒自己站点的主旨，不要跑题. “关于”页面存在的目的就是尽快让浏览者找到网站的方向，或者作为进一步补充，比如陈列相比竞争对手而言，自己的优势和特色.
页面停留时间和网站停留时间详解
- gOODiDEA - 标点符一、页面停留时间与网站停留时间是如何计算出来的. 假设用户访问了网站的主页（Home）. 分析工具将这个访问者标记为一个Visit，接着这个访问者又浏览了另外两个页面（Page2和Page3），然后他离开了你的网站. Tp = 花费在一个页面上的时间. Ts = 花费在这网站上的总时间. 假如这个用户从10:00开始访问网站：.
52个最新的单一页面网站设计
- emilo - 创意悠悠花园如果一个网站的信息只需要一个页面就可以展示出来，就真的没有必要去做第二个页面了. 今天分享：52个最新的单一页面网站设计，希望其中有你喜欢的，或者可以给你灵感的. Read the rest of 52个最新的单一页面网站设计 (147 words). © emilo for 创意悠悠花园, 2011.
如何为平板打造完美的网站页面
- - 互联网的那点事据调研公司 Gartner预测，平板的销量每周都在增加，到2016年，全世界平板的销量将达到6.65亿台. 随着以苹果iPad为代表的平板电脑风暴越演越烈，相信移动设备取代个人电脑的霸主地位，成为接入网络的首选设备只是时间问题. Adobe最近发布的数字营销报告显示，使用平板电脑浏览网站的用户比普通PC访客的每笔交易金额高出20%.
页面停留时间和网站停留时间详解
- 小宇 - 互联网的那点事...一、页面停留时间与网站停留时间是如何计算出来的. 假设用户访问了网站的主页（Home）. 分析工具将这个访问者标记为一个Visit，接着这个访问者又浏览了另外两个页面（Page2和Page3），然后他离开了你的网站. Tp = 花费在一个页面上的时间. Ts = 花费在这网站上的总时间. 假如这个用户从10:00开始访问网站：.
社交型网站首页面设计分析
- - 互联网的那点事本文希望通过对社交型网站主页进行的对比分析得到一些思考，并和大家分享探讨提升社交型网站的注册转化率的优秀设计原则. 一般来说用户注册转化流程大致由以下几个部分组成：. 1. 能吸引用户注册的主页内容；. 2. 简便、快速的注册流程；. 3. 有效的寻找、邀请朋友机制；. 4. 吸引新用户注意力的引导.