标签归档:分页插件

纯CSS3响应式分页插件

这次我们要来看一款纯CSS3实现的响应式分页插件,对于分页插件,之前我们也分享过一些,都是基于jQuery分页插件。这款CSS3分页插件可以完全自定义分页条的样式,包括鼠标滑过时的背景颜色、页码的数量以及前后翻页的按钮。

css3-responsive-paging

在线演示源码下载

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-action="ne[......]

阅读全文>>

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

在线演示源码下载