文档章节

函数分页

douya_love
 douya_love
发布于 2013/03/27 16:42
字数 155
阅读 9
收藏 0
function initPage() {
  var start = 1;
  var end = total < 8 ? total : 8;
  if(index >= 8 && index < total) {
   start = index - end + 1;
   end = index + 1 ;
  } else if(index > 8 && index == total) {
   start = index - 8;
   end = total;
  }
  var page_html = "<span>" + getPrev(index);
  for(var i = start; i <= end; i++) {
   page_html += getA(index, i);
  }
  page_html += getNext(index, total) + "</span>";
  return page_html;
 }
 function getPrev(index) {
  return '<a class="page_btn" href="javascript:sendURL(1);">首&nbsp;页</a>' +
  '<a class="page_btn" href="javascript:sendURL(' + (index == 1?1:index-1)+ ');">上一页</a>';
 }
 function getA(index, i) {
  if(i == index)
   return '<a class="click" href="javascript:sendURL(' + i + ');">' + i + '</a>';
  return '<a class="h" href="javascript:sendURL(' + i + ');">' + i + '</a>'
 }
 function getNext(index, total) {
  return '<a class="page_btn" href="javascript:sendURL(' + (index == total?total:index+1)+ ');">下一页</a>'+
  '<a class="page_btn" href="javascript:sendURL(' + total + ');">尾&nbsp;页</a>';
 }
 $(document).ready(function () {
  $('#page').html(initPage());
 });

© 著作权归作者所有

douya_love
粉丝 1
博文 15
码字总数 8219
作品 0
嘉定
私信 提问
收集自网络的wordpress 分页导航的代码教程(全网最全版)

wordpress 分页导航是用来切换文章的一个功能,添加了 wordpress 分页导航后,用户即可自由到达指定的页面数浏览分类文章,而这样的一个很简单功能却有很多朋友在用插件:WP-PageNavi,插件的...

Rhymo-Wu
2018/06/20
0
0
laravel5自定义分页

laravel5分页处理与laravel4略有区别,laravel5提供了更方便的处理方式,可以方便满足不同分页展示。 laravel4自定义分页:http://php2012web.blog.51cto.com/5585213/1539601 laravel分页处...

ttlxihuan
2016/09/26
0
0
OpenStack 的分页查询

Heat 在 Havana 版本首次成为正式模块,为 OpenStack 提供了令人兴奋的资源编排功能,但是和成熟项目相比,它缺失了某些小特性,比如不支持分页查询。随着用户的 instance、volume 和 stack ...

koala bear
2014/03/20
0
0
jquery.pagination.js分页

jquery.pagination.js分页 序言 这一款js分页使用起来很爽,自己经常用,做项目时总是要翻以前的项目看,不方便,这里就把他写出来方便自己以后粘帖,也希望能分享给大家。 友情提示下:我有...

charley158
2014/01/06
0
0
关于ThinkPHP的一点小小知识点的补充

1.首先将模板加载到模板引擎中去,然后模板开始解析(优先级是:首先解析内置函数(就是模板引擎的内置函数),然后在解析定义函数(如ThinkPHP内置的U,F函数)),最后再返回到模 板。 如果...

笨小熊
2015/09/23
123
0

没有更多内容

加载失败,请刷新页面

加载更多

js中的super小结

1.this和super的区别: this关键词指向函数所在的当前对象 super指向的是当前对象的原型对象 2.super的简单应用 const person = {name:'jack'}const man = {sayName(){retur...

Jack088
2分钟前
1
0
W3C标准及其规范

万维网联盟(外语缩写:W3C)标准不是某一个标准,而是一系列标准的集合。 网页主要由三部分组成:结构(Structure)、表现(Presentation)和行为(Behavior)。 对应的标准也分三方面:结构...

元歌
6分钟前
0
0
IT兄弟连 Java语法教程 流程控制语句 循环结构语句1

循环语句可以在满足循环条件的情况下,反复执行某一点代码,这段被重复执行的代码被称为循环体,当反复执行这个循环体时,需要在合适的时候把循环条件该为假,从而结束循环,否则循环将一直执...

老码农的一亩三分地
15分钟前
0
0
OSChina 周二乱弹 —— 你一辈子都不可能跟她这么亲近

Osc乱弹歌单(2019)请戳(这里) 【今日歌曲】 @tom_tdhzz :#今日歌曲推荐# 分享George Benson的单曲《Six Play》: 《Six Play》- George Benson 手机党少年们想听歌,请使劲儿戳(这里) ...

小小编辑
今天
813
10
优雅的关闭Spring Boot

优雅的关闭Spring Boot 1、实现 TomcatConnectorCustomizer 接口拿到Tomcat的连接获取 Tomcat连接池 2、实现 ApplicationListener<ContextClosedEvent> 监听服务器关闭事件,注册JVM钩子函数...

sowhat
今天
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部