这次我们要来看一款纯CSS3实现的响应式分页插件,对于分页插件,之前我们也分享过一些,都是基于jQuery分页插件。这款CSS3分页插件可以完全自定义分页条的样式,包括鼠标滑过时的背景颜色、页码的数量以及前后翻页的按钮。
标签归档:分页插件
jQuery分页插件jqPagination 可自定义输入页码
jqPagination是一款基于jQuery的分页插件,这款jQuery分页插件非常实用,不仅可以上下翻页,而且也支持第一页和最后一页的翻页。另外,jqPagination还支持自定义输入页码来跳转到任意页。jqPagination分页插件的UI外观也比较漂亮,分页按钮不仅大气,而且还有渐变的颜色,看起来很简单,你可以将jqPagination应用在自己的个人博客上。
下面我们来简单介绍一下jqPagination分页插件实现的代码,主要由HTML代码、CSS代码以及jQuery代码组成,实现也比较简单。
HTML代码:
<div> <a href="#" data-action="first">«</a> <a href="#" data-action="previous">‹</a> <input type="text" readonly="readonly" /> <a href="#" data-action="ne[......]
CSS3 3D 分页导航按钮
这是一款用 CSS3 实现的 3D 分页导航按钮,和之前分享的一些jQuery分页插件一样,这款CSS3 3D分页插件同样具有前和分页页码和数字页面,不同的是,这款分页插件的分页页码是一个个3D的导航按钮,样式十分新颖,不过需要CSS3支持。
jQuery适合移动页面和PC页面的分页插件
多风格CSS3分页插件 分页颜色可配置
jQuery/CSS3可拖动分页插件 分页功能很强大
之前我们已经分享过一些jQuery分页插件,像jQuery/CSS3简单分页插件 有3D立体外观和精美jQuery分页插件 带滑动条分页,今天要分享的这款jQuery/CSS3分页插件和前面的那款类似,有具有滑动条,可以拖动滑动条快速跳转到任意页面,另外你也可以点击翻页图标来实现翻页,非常方便和实用。
jQuery/CSS3简单分页插件 有3D立体外观
之前我们分享过一款很不错的jQuery分页插件jQuery分页插件 带滑动条分页,今天我们要再来分享一款简单的jQuery分页插件,这款分页插件不仅可以设置无限页码,而且分页控件的外观也非常漂亮,呈3D立体的效果,当然这需要背景的配合。
精美jQuery分页插件 带滑动条分页
今天开始我们来收集一些jQuery分页插件,请继续关注html5tricks的后续更新。今天第一款jQuery分页插件适用于长翻页列表的分页应用,因为这款分页插件带有滑动条来方便用户查看所有的页码。分页插件的外观十分漂亮,有着不错的用户体验。