jQuery+EasyHelper分页插件是一款强大实用的网页分页代码,实现内容分页区块功能。
js代码
<script src="js/jquery.min.js"></script>
<script src="js/jquery.transit.min.js"></script>
<script src="js/es6-shim.min.js"></script>
<script src="js/easyhelper.min.js"></script>
<script>
// 本地模拟的内容生成函数
var $content = $( ".content" );
function createContent ( i, index ) {
$content.eq( index ).empty().html( ('<li>' + i + '</li>').repeat(10) );
}
// 调用分页功能 [ 基础版 ]
Helper.ui.page("#page-1", {
total: 2000,
pageSize: 10,
change: function ( i ) {
createContent( i, 0 );
}
});
Helper.ui.page("#page-2", {
total: 2000,
pageSize: 10,
showTotal: true,
change: function ( i ) {
createContent( i, 1 );
}
});
Helper.ui.page("#page-3", {
total: 2000,
pageSize: 10,
showTotal: true,
showTo: true,
change: function ( i ) {
createContent( i, 2 );
}
});
Helper.ui.page("#page-4", {
total: 2000,
pageSize: 10,
showTotal: true,
showTo: true,
currentPage: 25,
change: function ( i ) {
createContent( i, 3 );
}
});
</script>
系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791