主页及文档
http://flaviusmatis.github.io/simplePagination.js/
下载地址
https://github.com/flaviusmatis/simplePagination.js
效果图：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link type="text/css" rel="stylesheet" href="simplePagination.css"/>
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="jquery.simplePagination.js"></script>
<title>分页测试</title>
<script type="text/javascript">
$(function() {
var selector = "#pageDiv";
$(selector).pagination({
//items: 100,
//itemsOnPage: 10,
pages: 10,
edges: 1,
displayedPages: 3,
cssStyle: 'light-theme',
prevText: '<',
nextText: '>',
onPageClick: changePage
});
});
function changePage(index){
//alert(index);
}
</script>
</head>
<body>
<div id="pageDiv"></div>
</body>
</html>
上一页、下一页变灰
jquery.simplePagination.js
找到
if (options.classes) {
$link.addClass(options.classes);
}
修改为
if (options.classes) {
if("current" == $link.attr("class")){
$link.css({"background": "#cccccc", "border-color": "#cccccc"});
}
$link.addClass(options.classes);
}
相关推荐
**简单jQuery分页插件——simplePagination.js** 在网页开发中，当数据量过大时，为了提高用户体验，通常会采用分页的方式展示信息。`simplePagination.js` 是一个轻量级、易于使用的jQuery分页插件，它允许开发者...
一个非常简洁漂亮的分页插件效果，附件里提供了三个效果，可供给懒人分享使用。代码简洁，使用方法简单： ... 3、在网页结束的底部调用jquery库以及jquery.simplePagination.js插件和lanrenzhijia.js即可
本项目“simplePagination.js”是一个基于jQuery的轻量级分页插件，它旨在简化网页的分页实现，提供良好的用户体验。这个插件具有3种预设的CSS主题，以及对Bootstrap框架的良好兼容性，能够轻松地与Bootstrap布局...
本篇文章将深入探讨jQuery分页插件，特别是"simplePagination"，并介绍与之相关的jQuery库和技术。 首先，jQuery分页插件如`jquery.page`和`jquery.simplePagination`是用于在网页中实现分页功能的工具。它们通过...
这个"四种jQuery+bootstrap分页效果插件.rar"压缩包文件包含了四个不同的jQuery和Bootstrap分页插件，每个都有其独特的特性和应用场景。 首先，我们来了解一下jQuery。jQuery是一个轻量级、高性能的JavaScript库，...
jQuery SimplePagination是一款轻量级的分页插件，专为jQuery设计，用于在网页上实现高效、易用的分页功能。它允许开发者通过简单的配置就能实现多样化的分页效果，提升用户体验，尤其是在数据量较大的网页应用中，...
**jQuery分页插件详解** 在网页开发中，分页是一种常见的数据展示方式，尤其当数据量过大，一次性加载所有内容会影响页面性能时，分页就显得尤为重要。jQuery，作为一个轻量级、高效的JavaScript库，提供了许多插件...
jQuery分页插件能够帮助开发者轻松实现各种美观且功能丰富的分页效果。下面我们将详细探讨多款漂亮的jQuery分页插件及其特效。 1. **Bootstrap Pagination** Bootstrap是一个流行的前端开发框架，它的分页组件提供...
`jQuery simplePagination`是一个轻量级的jQuery插件，专门用于实现网页上的自动分页功能。它使得开发者无需编写复杂的分页逻辑，只需少量代码就能轻松实现高效、美观的分页效果。 ### 插件简介 `jQuery ...
5. **插件使用**：jQuery有多种分页插件可供使用，如jQuery Pagination Plugin、jQuery SimplePagination等。这些插件通常提供现成的分页模板和配置选项，可以快速实现分页功能。如果这个压缩包包含了一个分页插件，...
2. **引入分页插件**：选择合适的jQuery分页插件，例如jQuery Pagination、jQuery SimplePagination等，并将对应的CSS和JS文件引入到HTML中。 ```html <link rel="stylesheet" href="css/pagination.css"> ...
在实际应用中，有一些流行的jQuery分页插件，如jQuery Pagination Plugin、jQuery SimplePagination、Bootstrap Pagination等。这些插件提供了丰富的选项和定制化能力，可以满足各种复杂的需求。 总的来说，jQuery...
而jQuery分页插件则是在jQuery基础上进一步扩展，提供了便捷的分页功能。 1. **Bootstrap Pagination**：基于Bootstrap框架，提供多种样式和主题，易于自定义，适应性强。 2. **jQuery Paginate**：轻量级插件，...
**jQuery分页插件简介** 在网页开发中，分页是一种常见的数据展示方式，尤其当数据量过大，一次性加载所有内容会影响页面性能时，分页就显得尤为重要。jQuery，作为一个轻量级、功能丰富的JavaScript库，提供了许多...
**jQuery分页插件详解** 在网页开发中，分页是一种常见的数据展示方式，尤其当数据量过大时，为了提高用户体验，通常会采用分页来分割数据，每次只加载一部分内容，用户可以逐页浏览。jQuery作为一个轻量级、功能...
二、jQuery分页 对于分页功能，可以使用jQuery插件如`jQuery.pagination`或者`jQuery.simplePagination`。这里以`jQuery.simplePagination`为例，介绍如何实现分页： 1. 引入jQuery库和simplePagination插件： ``...
jQuery插件simplePagination是一种用于实现页面分页的轻量级工具，它可以帮助开发者轻松地将大量数据分成多个小块，以便用户能够逐步浏览。在本文中，我们将深入探讨如何使用simplePagination来创建高效的分页功能。...
JQuery提供了许多分页插件，如jQuery_pagination、jQuery.simplePagination等。这些插件通常包含预定义的样式和逻辑，只需几行代码即可快速集成到项目中。开发者需要了解如何引入插件、设置参数（如每页显示条数、...
同时，存在许多jQuery分页插件，如jQuery Paginate、Bootstrap Paginator等，它们提供开箱即用的分页功能。 3. **前端框架集成**：对于使用Vue、React或Angular等现代前端框架的项目，框架内置的Ajax功能和组件库...
// 更新列表后，分页插件会自动更新状态 } }); ``` 以上就是JavaScript实现分页的基本思路和示例代码。在实际项目中，还需要考虑更多的细节，如错误处理、缓存、SEO友好等。希望这个介绍能帮助你理解和实现...