jquery pagination插件动态分页实例(Bootstrap分页)

网络编程 2024/11/18 佚名

3 2 1

第一种Bootstrap -默认的分页实例，供大家参考，具体内容如下

<!DOCTYPE html>
<html>
<head>
 <title>Bootstrap 实例 - 默认的分页</title>
 <link href="http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet">
 <script src="/UploadFiles/2021-04-02/jquery.min.js">

第二个实例jquery pagination分页控件


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>Pagination Demo I - Simple pagination</title>
  <link rel="stylesheet" href="lib/pagination.css" />
  <link rel="stylesheet" href="demo.css" />
  <script type="text/javascript" src="/UploadFiles/2021-04-02/jquery-1.10.2.min.js">

分页效果：

源码：https://github.com/gbirke/jquery_pagination
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。