注册 登录 充值会员 退出
毕业设计 PHP源码
充值

jQuery仿淘宝分页样式插件

作者/代码整理:  (转载请附加本文地址,带有“懒人原生”字样的谢绝转载) 发布日期:2018-09-27
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>