分类目录归档:jQuery分页插件

jQuery图片分组分页插件

今天我们要继续为大家分享实用的jQuery分页插件,它用来将很多图片进行分组和分页,并可以方便用户按页来浏览图片缩略图。另外这个jQuery图片分页插件还有一个特点是每次切换页面是,图片会出现淡入淡出的动画特效。

jquery-image-paging

在线演示源码下载

页码可滚动的jQuery分页插件jPaginate

jPaginate是一款基于jQuery的分页插件,这款jQuery分页插件有一个特点,就是随着鼠标点击页码,页码会向前或向后滚动,效果非常不错。而且,这款jQuery分页插件提供了多种样式风格,你也可以自己利用CSS来定义不同的分页样式。

jquery-jpaginate

在线演示源码下载

jQuery分页插件jqPagination 可自定义输入页码

jqPagination是一款基于jQuery的分页插件,这款jQuery分页插件非常实用,不仅可以上下翻页,而且也支持第一页和最后一页的翻页。另外,jqPagination还支持自定义输入页码来跳转到任意页。jqPagination分页插件的UI外观也比较漂亮,分页按钮不仅大气,而且还有渐变的颜色,看起来很简单,你可以将jqPagination应用在自己的个人博客上。

jquery-jqpagination

在线演示源码下载

下面我们来简单介绍一下jqPagination分页插件实现的代码,主要由HTML代码、CSS代码以及jQuery代码组成,实现也比较简单。

HTML代码:

<div>
		<a href="#" data-action="first">&laquo;</a>
		<a href="#" data-action="previous">&lsaquo;</a>
		<input type="text" readonly="readonly" />
		<a href="#" data-ac[......]

阅读全文>>

CSS3 3D 分页导航按钮

这是一款用 CSS3 实现的 3D 分页导航按钮,和之前分享的一些jQuery分页插件一样,这款CSS3 3D分页插件同样具有前和分页页码和数字页面,不同的是,这款分页插件的分页页码是一个个3D的导航按钮,样式十分新颖,不过需要CSS3支持。

css3-3d-pagination

在线演示源码下载

jQuery适合移动页面和PC页面的分页插件

今天我们要为大家分享一款非常出色的jQuery分页插件,这款分页插件的外观挺一般的,它的一个最大特点是不仅适合在PC页面上应用,更可以在移动网页上完美应用。在移动网页版的分页插件可以拖动页面来翻页,效果非常不错。

jquery-pagnation-mobile-pc

在线演示源码下载

多风格CSS3分页插件 分页颜色可配置

这次我们要来分享一款非常简单实用的CSS3分页插件,这款分页插件一共有2种颜色和4种样式,当然分页导航的颜色可以自己配置,也非常方便。和之前分享的CSS3/jQuery分页控件一样,这款分页插件也是用纯CSS3实现。

css3-4-style-pagination

在线演示源码下载

jQuery/CSS3可拖动分页插件 分页功能很强大

之前我们已经分享过一些jQuery分页插件,像jQuery/CSS3简单分页插件 有3D立体外观精美jQuery分页插件 带滑动条分页,今天要分享的这款jQuery/CSS3分页插件和前面的那款类似,有具有滑动条,可以拖动滑动条快速跳转到任意页面,另外你也可以点击翻页图标来实现翻页,非常方便和实用。

css3-paging-with-bar

在线演示源码下载

jQuery/CSS3简单分页插件 有3D立体外观

之前我们分享过一款很不错的jQuery分页插件jQuery分页插件 带滑动条分页,今天我们要再来分享一款简单的jQuery分页插件,这款分页插件不仅可以设置无限页码,而且分页控件的外观也非常漂亮,呈3D立体的效果,当然这需要背景的配合。

jquery-css3-pagination

在线演示源码下载

精美jQuery分页插件 带滑动条分页

今天开始我们来收集一些jQuery分页插件,请继续关注html5tricks的后续更新。今天第一款jQuery分页插件适用于长翻页列表的分页应用,因为这款分页插件带有滑动条来方便用户查看所有的页码。分页插件的外观十分漂亮,有着不错的用户体验。

jquery-page-plugin-with-bar

在线演示源码下载