Jquery分页条

Jquery分页条Jquery 分页条 jQuery 分页条下载地址 https www jb51 net jiaoben 589208 html1 在前台 HTML 页引入 js 以及 css 文件 scriptsrc js jquery 3 3 1 js scriptsrc js jqPaginator js scriptsrc scriptsrc

Jquery分页条

jQuery分页条下载地址:https://www.jb51.net/jiaoben/589208.html

1、在前台HTML页引入js以及css文件

<script src="~/js/jquery-3.3.1.js"></script> <script src="~/js/jqPaginator.js"></script> <link href="~/css/page.css" rel="stylesheet" /> 

2、在body中创建一个ul标签

<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> </head> <body> <div> <ul id="ul" class="pagination"></ul> </div> </body> </html> 

3、编写javascript代码

<script> $(function () { 
    $.jqPaginator('#ul', { 
    totalPages: 100,//总页数 pageSize:5,//每页条数 currentPage: 1,//当前页 first: '
  • 首页
  • '
    , prev: '', next: '', last: '
  • 尾页
  • '
    , page: '
  • { {page}}
  • '
    , onPageChange: function (num, type) { } }); }<script>

    在这里插入图片描述
    你学会了吗?

    版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

    发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/225215.html原文链接:https://javaforall.net

    (0)
    上一篇 2026年3月17日 上午9:49
    下一篇 2026年3月17日 上午9:50


    相关推荐

    • 开发linux学习板子_linux嵌入式开发板推荐,资深程序员教给你

      开发linux学习板子_linux嵌入式开发板推荐,资深程序员教给你嵌入式是现在发展最快的 IT 技术之一了 很多人都选择了嵌入式这一行业 对于嵌入式来说 他挣得多 前景也很不错 学习嵌入式 开发板是最离不开的了 很多出入嵌入式行业的人对于嵌入式开发板 不知道 应该怎么选 今天在这里听听资深程序员怎么说 嵌入式开发板的选择也不用过于纠结 对于开发板来说 你应该首先要了解嵌入式 linux 开发板 嵌入式开发板 Embeddeddeve 就是半导

      2026年3月17日
      2
    • 大数据,云计算和物联网的关系图_大数据和物联网的关系

      大数据,云计算和物联网的关系图_大数据和物联网的关系大数据云计算物联网

      2022年10月7日
      5
    • Eclipse汉化教程(详细图解)

      Eclipse汉化教程(详细图解)eclipse语言包下载:http://www.eclipse.org/babel/downloads.php1、打开浏览器,浏览“参考资料”内给出的“eclipse语言包下载”地址,在博客新页面找到地址链接,如图所示。“BabelLanguage…”开头的一栏下面就是各个eclise版本的语言包,2、目标锁定“BabelLanguagePackUpdateSiteforNeon”

      2022年6月5日
      153
    • Gsonformat插件安装与使用

      Gsonformat插件安装与使用Gsonformat 最全面介绍 安装 使用方法

      2026年3月17日
      2
    • QNET 弱网测试工具

      QNET 弱网测试工具最近在找稳定的弱网测试工具 偶然发现腾讯竟然有一款 QNET 弱网测试工具使用方法很简答 下载 QNETAPP 安装 用登陆后 即可开始 可用的弱网环境 自定义弱网环境 实际使用情况 左边工具栏可随意切换网络环境 一般大约 3 秒左右就会切换成功 右边工具栏实时显示网络情况 还可以自动抓包下载方式 应用宝搜索下载

      2026年3月18日
      1
    • charles乱码怎么解决_抓包精灵乱码

      charles乱码怎么解决_抓包精灵乱码前言当使用Charles抓包时,发现数据都是乱码,这时需要安装证书解决办法1.点击charles窗口,点击左上角Help->SSLProxying→InstallCharles

      2022年7月30日
      13

    发表回复

    您的邮箱地址不会被公开。 必填项已用 * 标注

    关注全栈程序员社区公众号