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推荐



相关 [页面 网站 开发] 推荐:

9 个单页面网站开发必备的 jQuery 插件

- - ITeye资讯频道
单页面网站作为简单快捷、易于维护的页面设计方案,越来越受到工作室、作品集或者个人博客类网站用户的青睐,我们可以使用不同的特效来使得页面更加的丰富和炫动. 今天我们将介绍几款可以作为单页面开发的jQuery插件,帮助大家快速简便的实现一个单页面的网站设计,希望大家喜欢. 使用这个插件,可以帮助你快速搭建一个滚动的页面导航,如果你需要比较简单直接的方式开发一个单页面的网站,这个插件是一个不错的选择.

网站页面优化策略

- - 月光博客
  网站的页面优化,也即网页优化是对网页的程序、内容、版块、布局等多方面的优化调整,使其适合搜索引擎检索,满足搜索引擎排名的指标,从而在搜索引擎检索中获得的排名提升,增强搜索引擎营销的效果使网站的产品相关的关键词能有好的排位. 使网站更容易被搜索引擎收录,提高用户体验和转化率进而创造价值. 下面主要从网站代码、标签、正文等几个方面来讲述网站的页面优化.

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. 吸引新用户注意力的引导.