真分页这个词对程序猿们来讲,并非一个陌生的词汇,可是若是你是初次学习真分页,或许仍是得花点时间小小研究下,下面是以前去转盘网(喜欢的能够看看,也能够进入引擎模式)的真分页js部分代码,html部分的我就不写了,稍微处理下代码就能够使用的,你也能够根据须要灵活变更,千万不要懒惰哦,废话不说了,直接上代码:html
function get_param(param){ //这个函数是用来获取url的参数的 var query = location.search.substring(1).split('&'); for(var i=0;i<query.length;i++){ var kv = query[i].split('='); if(kv[0] == param){ return kv[1]; } } return null; } $("#page_down").unbind().bind('click',function(){ //向下翻页 temp=get_param("currentPage"); if(temp==null || isNaN(temp)){ //非数字或者无页码 toPage=1; } else{ toPage=parseInt(temp)+1; } ifnull=$("#ifnull").attr("value"); if(ifnull.length<3){ toPage=1; } url="${pageContext.request.contextPath }/funnyPic.do?currentPage="+toPage; window.location.replace(url); }); $("#home").unbind().bind('click',function(){//回到首页 url="${pageContext.request.contextPath }/funnyPic.do?currentPage=1"; window.location.replace(url); }); $("#page_up").unbind().bind('click',function(){ //向上翻页 temp=get_param("currentPage"); if(temp==null || isNaN(temp)){ //非数字或者无页码 toPage=1; } else{ toPage=parseInt(temp)-1; } if(toPage<1){ showMessage("亲~第一页了,真不知道往哪走了"); return; } ifnull=$("#ifnull").attr("value"); if(ifnull.length<3){ toPage=1; } url="${pageContext.request.contextPath }/index.do?currentPage="+toPage; window.location.replace(url); }); $(".turnPage").unbind().bind('click',function(){//翻页部分的代码 toPage=parseInt($(this).text()+""); ifnull=$("#ifnull").attr("value"); if(ifnull.length<3){ toPage=1; } url="${pageContext.request.contextPath }/funnyPic.do?currentPage="+toPage; window.location.replace(url); });
本人建个qq群,欢迎你们一块儿交流技术, 群号:512245829 喜欢微博的朋友关注:转盘娱乐便可函数