注册 登录 充值会员 退出
网站、APP、小程序等定制开发,联系QQ 1206995177 毕业设计 java源码 PHP源码

充值

jQuery仿淘宝分页样式插件

作者/代码整理:  (源码已亲测,不会安装的可以向QQ1915635791要安装视频教程) 发布日期:2024-03-21
jQuery仿淘宝分页样式插件
一款简单实用的jQuery仿淘宝分页样式插件,完美兼容ie8,简单处理后可兼容更低版本ie。带输入页跳转,设置翻页容器,条目总数,每页条目数,当前页等默认功能。


js代码

<!--先引入jquery-->
<script src="js/jquery.min.js"></script>
<!--再引入toPage.js-->
<script src="js/toPage.js"></script>
<!--插件使用-->
<script>
  /*容器1参数*/
  var obj_1={
	obj_box:'.page_1',//翻页容器
	total_item:72//条目总数
	/*per_num:10,//每页条目数
	current_page:8//当前页*/
  };
  /*容器2参数*/
  var obj_2={
	obj_box:'.page_2',//翻页容器
	total_item:372,//条目总数
	per_num:20,//每页条目数
	current_page:8//当前页
  };
  /*调用分页方法,初始化数据*/
  page_ctrl(obj_1);
  page_ctrl(obj_2);
</script>