Jquery中文网 新宝娱乐城官网 www.z5nka.com.cn
Jquery中文网 >  jQuery  >  jquery 教程  >  正文 我以前写的一个jQuery分页插件

新宝娱乐城轮盘打不开:我以前写的一个jQuery分页插件

发布时间:2016-09-19   编辑:新宝娱乐城官网 www.z5nka.com.cn
jquery中文网为您提供我以前写的一个jQuery分页插件等资源,欢迎您收藏本站,我们将为您提供最新的我以前写的一个jQuery分页插件资源

新宝娱乐城官网 www.z5nka.com.cn 用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-20
  • 天津170万亩夏粮收购展开 优质小麦收购价每公斤2.32元 2019-05-19
  • 2018 Yorkville Exotic Car Show kicks off in Toronto - Culture News - CQNEWS 2019-05-19
  • 一张图揭国产航母海试 新航母到底“新”在哪儿 2019-05-19
  • 老师您好,本文中的信件内容基本无错误.但现在的00后还会听您怎么在那里教育他怎么做人吗 2019-05-18
  • 【水到渠成共发展】南水润燕赵 江水惠民生 2019-05-18
  • 世界献血日:走近无名英雄“熊猫侠” 2019-05-18
  • 四价流感疫苗获批上市 2019-05-17
  • 看见百姓生活 角落里的理发师 2019-05-17
  • 昨天中国元首才接见了美国国务卿,说中美合作将造福于两国人民和世界人民。风雨同舟,靠不住啊。 2019-05-16
  • 学习新思想 千万师生同上一堂课 2019-05-16
  • 春夏季养生小常识 饮食一定要注意五多五少-美食资讯 2019-05-15
  • 美媒评选全球五大最危险核潜艇 中国无一入选 2019-05-15
  • 中共中央政治局召开会议 决定召开十九届二中全会 2019-05-15
  • 应战美国贸易战中国跟500亿 同等力度、同日开征关税 2019-05-14
  • 454| 891| 627| 185| 338| 588| 389| 206| 153| 687|