素材8网-专注前端素材！
来源：https://www.sucai8.cn/29341.html

非常简洁的jQuery分页插件

  • 1052
  • 0
  • 0
一、导入相关的JS和CSS
  1. <link href="page.css" type="text/css" rel="stylesheet"/>
  2. <script type="text/javascript" src="jquery-1.9.1.js"></script>
  3. <script type="text/javascript" src="page.js"></script>
复制代码

二、创建一个分页列表ul
  1. <ul class="page" maxshowpageitem="5" pagelistcount="10"  id="page"></ul>
复制代码

注意：maxshowpageitem ：最多显示的页码数字，必需pagelistcount : 每一个页面显示的数据的个数，必需id : 不用解释了吧，必需三、初始化分页
  1. var GG = {
  2.         "kk":function(mm){
  3.             alert(mm);
  4.         }
  5.     }
  6. $("#page").initPage(71,1,GG.kk);
复制代码
或者：
  1. function tt(dd){
  2.     alert(dd);
  3. }  
  4. $("#page").initPage(71,1,tt);
复制代码
相关素材
非常简洁的jQuery分页插件
  • qq轻C94 刚刚下载了一个素材
  • qq宜MR9 刚刚下载了一个素材
  • 刘明宇 刚刚下载了一个素材
  • qq滅eRs 刚刚下载了一个素材
  • 依昂 刚刚下载了一个素材
  • 满心欢喜qi 刚刚下载了一个素材
  • 唐潇 刚刚下载了一个素材
  • 网页设计与制作 刚刚下载了一个素材
  • 达达2025 刚刚下载了一个素材
  • 派大星［克］爱 刚刚下载了一个素材
  • Y8233 刚刚下载了一个素材
  • qqYDQF 刚刚下载了一个素材
  • 小陈嘻嘻 刚刚下载了一个素材
  • 9107 刚刚下载了一个素材
  • 池恩 刚刚下载了一个素材
分享者：
分享者头像
小编
热门素材推荐
HTML素材网，HTML5模板，网页特效 微信公众账号二维码 淘宝店铺地址二维码
Copyright©2024  素材8  Powered by 智伙伴科技
   鲁ICP备14029286号-5 鲁公网安备37060202001967号
返回顶部返回顶部
发布主题