js分页插件layPage使用笔记

本文介绍如何使用layui提供的laypage分页插件。通过简单的三步:引入JS和CSS文件、编写HTML代码以及添加JS渲染代码,即可实现美观且功能强大的网页分页效果。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.说明

1.官网 http://www.layui.com/demo/laypage.html

2.example

1.引入JS和CSS文件

<link rel="stylesheet" type="text/css" href="layui/css/layui.css">
<script type="text/javascript" src="layui/layui.all.js"></script>
<!--这里换成你的路径-->

2.html代码

<div id="page"></div>

3.js代码

layui.use(['laypage', 'layer'], function(){
        var laypage = layui.laypage
         laypage.render({
            elem: 'page', //填你DIV的ID
            theme: '#6699ff', //颜色
            limit:10, //一页的条数,默认为10
            count: 100, //数据总数
            //触发换页操作
            jump: function(obj){                
                console.log("code you code");       
            }
        });
    });
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值