jQuery simplePage+AJAX plus分页插件用法实例

(编辑：jimmy 日期: 2026/4/30 浏览：3 次 )

本文实例讲述了jQuery simplePage+AJAX plus分页插件。分享给大家供大家参考，具体如下：

<!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" />
<title>simplePage</title>
<style type="text/css">
html,body{ margin:0 auto; text-align:center; }
.main{ font:12px/24px "Microsoft YaHei"; height:1000px; }
#page{ margin:100px auto; width:960px; text-align:center; }
#page a{ text-decoration:none; display:inline-block; height:24px; padding:0 8px; border-radius:3px; background-color:#DEF39E; color:#8CAC2C; text-align:center; margin:0 2px; }
#page a:hover,#page .now{ background-color:#8CAC2C; color:#fff; transition:all .5s ease 0s; }
</style>
</head>
<body>
<div class="main">
  <div id="page">
    <!-- 
    <a href="#3">上一页</a>
    <a href="#4">4</a>
    <a href="#5">5</a>
    <a href="#6" class="now">6</a>
    <a href="#7">7</a>
    <a href="#8">8</a>
    <a href="#9">下一页</a>
     -->
  </div>
  <div class="back"></div>
</div>
<script type="text/javascript" src="/UploadFiles/2021-04-02/jquery.min.js">

更多关于jQuery相关内容感兴趣的读者可查看本站专题：《jQuery扩展技巧总结》、《jQuery常见经典特效汇总》、《jQuery常用插件及用法总结》、《jquery中Ajax用法总结》及《jquery常用操作技巧汇总》
希望本文所述对大家jQuery程序设计有所帮助。

上一篇：jQuery实现伪分页的方法分享
下一篇：DeviceOne 让你一见钟情的App快速开发平台