网站真分页js代码该怎么写?

论坛 期权论坛 脚本     
匿名技术用户   2021-1-6 03:46   11   0
真分页这个词对程序猿们来说,并不是一个陌生的词汇,但是如果你是初次学习真分页,或许还是得花点时间小小研究下,下面是之前[url=http://www.quzhuanpan.com/]去转盘网[/url](喜欢的可以看看,也可以[url=http://www.quzhuanpan.com/home/sourceList.jsp?type=1]进入引擎模式[/url])的真分页js部分代码,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);
});
分享到 :
0 人收藏
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

积分:7942463
帖子:1588486
精华:0
期权论坛 期权论坛
发布
内容

下载期权论坛手机APP