20 个 jQuery 分页插件和教程,附带实例

在这篇文章中我们将向你介绍 20 个最棒的 jQuery 分页插件以及教程,并提供在线演示。

1.客户端的jQuery 分页插件jPages

jPages 是一个客户端的分页插件,但提供很多特性例如自动翻页、键盘和滚动浏览,延迟显示以及完全可定制的导航面板。

Client-side jQuery pagination plugin : jPages

Read More Demo

2. jQuery ScrollPagination

jQuery ScrollPagination plugin 是一个 jQuery 实现的支持无限滚动加载数据的插件。

jQuery Scroll Pagination Plugin with Demo

Read More Demo

3. jQuery 的分页插件——jqPagination

jqPagination 是一个简单易用的轻量级 jQuery 分页插件,其使用了 HTML5 和 CSS3 技术来实现。此插件提供了几个参数设置选项,通过简单的配置即可生成分页控件。此外,它的外观样式是可自定义的,扩展性很强。

Read More Demo

4. Extreme Makeover: jPaginator CSS3 Edition

自从jQuery出现以来,以其简洁、灵活的编程模式风靡于世,而且通过插件的扩展使得多种功能不断被开发出来。jPaginator就是一个简单易用的带滑动条的jQuery分页插件。

jPaginator分页插件

Read More Demo

5. Creating Modern jQuery Pagination for Content

jQuery Pagination For Content with example

Read More Demo

6. Sausage : jQuery infinite Pagination with Demo

Sausage 是一款 jQuery 内容分页插件,用于补充页面内容很长情况下产生的滚动不友好问题。

Sausage : jQuery infinite Pagination plugin with Demo

Read More Demo

7. Pagination with Jquery, PHP , Ajax and MySQL

Pagination with Jquery, PHP , Ajax and MySQL

Read More Demo

8. Smart Paginator : jQuery Pagination Plugin

Smart Paginator : jQuery Pagination Plugin with Demo

Read More Demo

9. How to create easy pagination with jQuery

jQuery easy pagination with Demo

Read More Demo

10. Pagination with jQuery, MySQL and PHP

Pagination with jQuery, MySQL and PHP and Demo

Read More Demo

11. Xarg : Ajax jQuery Pagination

Xarg : Ajax jQuery Pagination with Demo

Read More Demo

12. Pajinate – A jQuery Pagination Plugin

Pajinate – A jQuery Pagination Plugin with Demo

Read More Demo

13. jPaginate: A Fancy jQuery Pagination Plugin

jPaginate是一个比较奇特的jQuery分页插件。当用户点击页码或鼠标移到箭头时,页码会向前或向后滚动。

jPaginate: A Fancy jQuery Pagination Plugin with Demo

Read More Demo

14. SimplePager – jQuery paging plugin

SimplePager - jQuery paging plugin with example

Read More Demo

15. jPaginator: jQuery Pagination Plugin

jPaginator: jQuery Pagination Plugin with Example & Demo

Read More Demo

16. jQuery Pagination Plugin

jQuery Pagination Plugin with example & demo

Read More Demo

17. Sweet Pages: A jQuery Pagination Solution

Sweet Pages: A jQuery Pagination Solution with example & demo

Read More Demo

18. Easy pagination with jQuery and Ajax

Easy pagination with jQuery Ajax and demo

Read More Demo

19. AJAX Pagination using jQuery and PHP with Animation

AJAX Pagination using jQuery and PHP with Animation

Read More Demo

4个为 JS 开发者准备的 Notepad++ 插件

这里是一些为 JavaScript 开发者准备的 4 个 Notepad++ 的插件。

提示:

你可通过 Notepad++ 的插件管理器来安装插件:

下面是这四个插件:

  1. JSLint
    描述:
    JSLint是一个JavaScript验证工具,可以扫描JavaScript源代码来查找问题。如果JSLint发现一 个问题,JSLint就会显示描述这个问题的消息,并指出错误在源代码中的大致位置。


    Tip:
    如果你觉得 jslint 太严格了,那么推荐你尝试 jshint.com.
    Does it make any sense to use JSLint and follow it?
  2. JSMin
    描述:
    JSMin 是一款JavaScript痩身工具。用于从JavaScript文件中剔除注释和没用的空格 ,它的特点就是能减少文件的大小,从而加快下载速度,它能完全降低消除下载的成本


  3. JSON Viewer
    描述:
    这是 Notepad++ 用来查看 JSON 数据的插件,使用树状结构显示:


    Tip:
    如果提示 “Could not parse!!” 的错误信息,请重新用 JSON.stringify() 方法格式化你的 JSON 代码
  4. RegEx Helper
    描述:
    这是一个 Notepad++ 插件用来开发正则表达式以及进行测试

6 个极具创意的 jQuery 插件让你网站更酷

如果你想创造一些令人印象深刻的网页,OSCHINA 有很多的 JavaScript 插件,而本文中我们将向你介绍6个JavaScript插件,可轻松创建惊人的网页效果。这些插件非常方便创建在线演示或幻灯片,添加到你的页面中绝对是一个很酷的东西。我敢肯定,这些插件可以节省您的时间,避免重新发明轮子,其中一些使用CSS3技术可创建更加酷的效果,如旋转。

ScrollPath

ScrollPath 可以让你按特定的路径对页面中的内容进行滚动显示,你如果不清楚具体意思可以通过下面的演示页面查看效果,通过向下键进行滚动。

http://joelb.me/scrollpath/

Impress.js

impress.js 是一个Javascript程序包,它的功能是让你制作出令人眩目的内容展示效果,主要里利用了CSS 3D Transforms 里的旋转,扭曲,缩放等特性,所以,只有最新版的Firefox,或谷歌浏览器或苹果浏览器才能看到它产生的效果,好像在还未出世的IE 10 浏览器里也可以用。

Impress.js

Timeline

jQuery Timeline 是拉动来自不同来源的媒体。支持 YouTube,Flickr,VIMEO,谷歌地图和SoundCloud从Twitter Tweets和媒体的拉动支持。在未来将支持更多的媒体类型。

Reveal.js

这是一个基于CSS的3D幻灯片工具。它不依赖任何外部类库,除了已经被包含在发布代码中的 highlight.js

Reveal.js

Zoomooz

Zoomooz 是一个易用的 jQuery 插件让网页的元素可进行优雅的缩放操作,特别适用相册网站。

Timelinr

jQuery Timelinr 用来加强时间表的显示,支持水平和垂直的布局。

fool.js:整人专用的 jQuery 插件

fool.js 是一个 jQuery 插件,包含了几种页面特效,可以用来在愚人节的时候整人:

  • 消失的滚动条
  • 莫名其妙播放的音乐
  • 随机消失的页面元素
  • 不间断的弹出傻x的问题
  • 页面颠倒
  • 页面扭曲
  • 页面闪烁
  • 无限循环 -> 浏览器崩溃
  • 页面突然变纯黑
  • 无法点击
  • 整个页面可编辑

 

2012年初的10个绝对让你惊喜的jQuery插件

今天GBin1分享给大家带来10个相当不错的jQuery插件,尤其是第一个和第二个,绝对超棒,希望大家能够应用到自己的项目和网站中。

1. jQuery Geo v1.0a4

来自Applied Geographics的一个开源的地理信息映射展示项目,提供了一个改善的API来满足你的在线地图位置展示。如果你需要快速的找到你目前的位置或者你是个GIS玩家,使用这个超酷插件吧!

jQuery Geo v1.0a4

2. Flippy

一个跨平台的翻转效果插件,允许你翻转任何的html元素。

Flippy

3. ProQuo

一个帮助你鼓励你的读者快速发布内容到twitter的插件。可惜我们用不上,呵呵!

ProQuo

4. blur.js

这个超酷的模糊插件在我们前几天的文章里介绍过,非常酷!

blur.js

5. Metro JS

Metro js是一个帮助你应用metro界面设计的插件。如果你不清楚什么是metro,看看wiki吧。

Metro JS

6. jurlp

非常实用的一个工具类插件,帮助你解析元素中的url。比如,href和src属性。

jurlp

7. jQuery Shadow

创建各种类型的阴影

jQuery Shadow

8. Glisse.js

创建完整自定义的图片浏览,使用CSS3的过渡效果

Glisse.js

9. Sequence

一个jQuery的幻灯插件,使用无限滚动。提供完整的幻灯功能。和普通幻灯的显示方式与众不同

Sequence

10. noty

很方便的帮组你创建alert,success,error和confirmation对话框。并且你可以方便的定位对话框位置

noty

via jquery4u