• 风雨兼程,与党和人民同行 2019-05-23
  • 张鼎丞对人民军队建设作出的贡献 2019-05-23
  • 把党的领导贯穿军事科研工作各方面和全过程 2019-05-23
  • 在强国论坛和新浪微博上也就说了几句国产80后伟大的钢琴家,嚯!粉丝不干了,邮箱里塞满男性女性生殖器的骂声和愤慨声。其实,真没有诋毁的意思。比如,美国一家男性内衣 2019-05-22
  • 【理上网来·喜迎十九大】不忘初心、继续前进,勇于全面深化改革 2019-05-22
  • 这5件事预测你能否可以开心活过80岁 2019-05-22
  • 新疆14所高校大学生同台比赛 2019-05-21
  • 西南铁路端午假期发送400余万人次 两人不文明乘车或受失信惩戒 2019-05-21
  • 省委中心组成员到联系帮扶点开展专题调研 2019-05-21
  • 热刺中场埃里克森领衔 北欧童话能否续写逆袭新篇 2019-05-21
  • 在深入推动长江经济带发展座谈会上的讲话 2019-05-20
  • 北京副中心核心区建成世界超一流智能配电网 2019-05-20
  • 江苏:五峰山跨江线路升高改造工程启动(组图) 2019-05-20
  • 无视婚变传闻 王浩信晒与朋友新旧对比照秀友情 2019-05-19
  • 专访香港演员陈钰芸:女版李小龙 用武术演绎精彩人生 2019-05-19
  • Jquery中文网 码报 www.okkrb.tw
    Jquery中文网 >  jQuery  >  jquery 教程  >  正文 我以前写的一个jQuery分页插件

    举世无双码报图纸:我以前写的一个jQuery分页插件

    发布时间:2016-09-19   编辑:码报 www.okkrb.tw
    jquery中文网为您提供我以前写的一个jQuery分页插件等资源,欢迎您收藏本站,我们将为您提供最新的我以前写的一个jQuery分页插件资源

    码报 www.okkrb.tw 用JavaScript分布函数来制作分页链接,可以省下很多html代码流量呢!看看

    (function($){
    $.fn.pagination=function(pagecount,page,surl){
    var $box=$(this).empty();var shtml=''
    if(pagecount<=1){$box.css({'height':4,'padding':0});return $box;}
    //$box.css({'padding':'6px 0 6px 6px','height':'20px'});
    if(page==1)shtml+='<a href="#" target="_self">&laquo;</a>';else shtml+='<a href="'+surl.replace("$",(page-1))+'" target="_self">&laquo;</a>';
    if(pagecount<11){for(var i=1;i<=pagecount;i++){if(i==page)shtml+='<a href="'+surl.replace("$",i)+'" class="c" target="_self">'+i+'</a>';else shtml+='<a href="'+surl.replace("$",i)+'" target="_self">'+i+'</a>';}}
    else{if(page<=10){for(var i=1;i<=10;i++){if(i==page)shtml+='<a href="'+surl.replace("$",i)+'" class="c" target="_self">'+i+'</a>';else shtml+='<a href="'+surl.replace("$",i)+'" target="_self">'+i+'</a>';}}else if(pagecount-page<10){for(var i=pagecount-9;i<=pagecount;i++){if(i==page)shtml+='<a href="'+surl.replace("$",i)+'" class="c" target="_self">'+i+'</a>';else shtml+='<a href="'+surl.replace("$",i)+'" target="_self">'+i+'</a>';}}else{for(var i=page-5;i<page+5;i++){if(i==page)shtml+='<a href="'+surl.replace("$",i)+'" class="c" target="_self">'+i+'</a>';else shtml+='<a href="'+surl.replace("$",i)+'" target="_self">'+i+'</a>';}}}
    if(page==pagecount)shtml+='<a href="#">&raquo;</a>';else shtml+='<a target="_self" href="'+surl.replace("$",(page+1))+'">&raquo;</a>';
    if(pagecount>10){shtml+='<span>跳转到&nbsp;</span>';shtml+='<input type="text" size="2" maxlength="4" value="'+page+'" />';
    shtml+='<span>&nbsp;页</span>';
    }
    $box.html(shtml).find('input').change(function(){var p=$(this).val();window.location.href=surl.replace("$",p);});
    return $box;
    }
    })(jquery);
    

    之后只要这么引用它就好了:$(function(){$('#page').pagination(100,1,'aaa.htm?page=$')})

    您可能感兴趣的文章:
    jquery插件开发注意事项小结
    jQuery图片轮换插件 jQuery Dynamic Slideshow
    jQuery Pagination Ajax分页插件(分页切换时无刷新与延迟)中文翻译版
    基于jquery的simpleValidate简易验证插件
    使用jQuery.fn自定义jQuery翻页插件
    自己动手制作jquery插件之自动添加删除行功能介绍
    jquery easyui 分页的使用方法
    基于jQuery的表格操作插件
    jQuery版仿Path菜单效果
    jQuery条目展示插件 Easy Paginate

    [关闭]
  • 风雨兼程,与党和人民同行 2019-05-23
  • 张鼎丞对人民军队建设作出的贡献 2019-05-23
  • 把党的领导贯穿军事科研工作各方面和全过程 2019-05-23
  • 在强国论坛和新浪微博上也就说了几句国产80后伟大的钢琴家,嚯!粉丝不干了,邮箱里塞满男性女性生殖器的骂声和愤慨声。其实,真没有诋毁的意思。比如,美国一家男性内衣 2019-05-22
  • 【理上网来·喜迎十九大】不忘初心、继续前进,勇于全面深化改革 2019-05-22
  • 这5件事预测你能否可以开心活过80岁 2019-05-22
  • 新疆14所高校大学生同台比赛 2019-05-21
  • 西南铁路端午假期发送400余万人次 两人不文明乘车或受失信惩戒 2019-05-21
  • 省委中心组成员到联系帮扶点开展专题调研 2019-05-21
  • 热刺中场埃里克森领衔 北欧童话能否续写逆袭新篇 2019-05-21
  • 在深入推动长江经济带发展座谈会上的讲话 2019-05-20
  • 北京副中心核心区建成世界超一流智能配电网 2019-05-20
  • 江苏:五峰山跨江线路升高改造工程启动(组图) 2019-05-20
  • 无视婚变传闻 王浩信晒与朋友新旧对比照秀友情 2019-05-19
  • 专访香港演员陈钰芸:女版李小龙 用武术演绎精彩人生 2019-05-19