资讯专栏INFORMATION COLUMN

我以前写的一个jQuery分页插件

vspiders / 2011人阅读

摘要:用分布函数来制作分页链接,可以省下很多代码流量呢看看跳转到页之后只要这么引用它就好了

用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+="«";else shtml+="«";
if(pagecount<11){for(var i=1;i<=pagecount;i++){if(i==page)shtml+=""+i+"";else shtml+=""+i+"";}}
else{if(page<=10){for(var i=1;i<=10;i++){if(i==page)shtml+=""+i+"";else shtml+=""+i+"";}}else if(pagecount-page<10){for(var i=pagecount-9;i<=pagecount;i++){if(i==page)shtml+=""+i+"";else shtml+=""+i+"";}}else{for(var i=page-5;i"+i+"";else shtml+=""+i+"";}}}
if(page==pagecount)shtml+="»";else shtml+="»";
if(pagecount>10){shtml+="跳转到 ";shtml+="";
shtml+=" 页";
}
$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=$")})

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/78030.html

相关文章

  • 小白成长日记:一步一步写个轮播图插件

    摘要:并不是所有人写的代码或者插件都适合小白使用,比如这是一个的滚动插件,大多数人使用了之后发现滚动不了,去作者提,其实是他们并不懂滚动的原理。 最近在这里看了一篇关于面试的文章《回顾自己三次失败的面试经历》,作者三次倒在了轮播图上。囧,所以我也写个轮播图看看。这次是用jQuery写的,因为最近一直在研究jQuery插件的写法,所以用jQuery写的,而且我发现,我vue用太多,完全不熟悉d...

    notebin 评论0 收藏0
  • GridManager 开源历程

    摘要:历程启动于年月日不曾想这一坚持已经多天了。每个午饭后晚饭前。期间对的认知与实践提升明显,并沉淀下名为的类库。每次发布前的,成为一种风险把控。在此之前从没有如此的认同单元测试,也相信这终将会成为一种大家都遵守的契约。 GridManager历程 GridManager 启动于2015年02月10日, 不曾想这一坚持已经1200多天了。总想为此记录些什么,但一直未曾动手。午饭后,公司很安静...

    honhon 评论0 收藏0
  • Springmvc 结合 jquery插件Datatables的使用(基于java支持的服务器处理)

    摘要:但是这个插件本身还是挺不错的,对于报表的支持比较好。下面应该写服务端了,这呢随机获取表格数据表格数据以格式返回,返回大概就是这样了。 前言 觉得Datatables的中文文档写的太差劲了,开发手册和文档都是很不友好,demo也不够完善,不适合直接想使用的人来看, 需要用过一段时间之后再来看可能才会有柳暗花明的发现,不然就有点不明所以的感觉。但是这个插件本身还是挺不错的,对于报表的支持比...

    dcr309duan 评论0 收藏0
  • Springmvc 结合 jquery插件Datatables的使用(基于java支持的服务器处理)

    摘要:但是这个插件本身还是挺不错的,对于报表的支持比较好。下面应该写服务端了,这呢随机获取表格数据表格数据以格式返回,返回大概就是这样了。 前言 觉得Datatables的中文文档写的太差劲了,开发手册和文档都是很不友好,demo也不够完善,不适合直接想使用的人来看, 需要用过一段时间之后再来看可能才会有柳暗花明的发现,不然就有点不明所以的感觉。但是这个插件本身还是挺不错的,对于报表的支持比...

    Snailclimb 评论0 收藏0
  • 前端经验 - 收藏集 - 掘金

    摘要:我拖拖拖拖放基础篇前端掘金不要搞错,本文不是讲如何拖地的。结构说明前端应该从哪些方面来优化网站前端掘金不知道是哪位大牛的文章,转过来回答。 我拖拖拖 --H5 拖放 API 基础篇 - 前端 - 掘金不要搞错,本文不是讲如何拖地的。看过《javascript精粹》朋友应该知道,他实现拖放的过程比较复杂,现在时代不同了,我们用H5的新的拖放API就能非常方便的实现拖放效果了。最近在园子见...

    MudOnTire 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<