HDU 1326 Box of Bricks(水题)
965
2022-08-08
js仿淘宝在分页导航中实现跳转到指定分页功能(js分页功能怎么实现)
淘宝网搜索结果页分页导航右侧跳转到指定分页的效果是这样的:
在输入框没有获取焦点之前,界面是这样的:
在输入框获取焦点之后,界面呈现是这样的:
其实只要用js就可以实现这样的效果,代码如下:
$("#gotoBtn").hide();
$("#pagenumber").on("focus",function(){
$("#gotoBtn").show();
$("#gotoBtn").attr({'style':'margin-left:0px;'});
});
$("#gotoBtn").on("click",function(){
var number = parseInt($("#pageNumber").val());
var max = parseInt($("#maxCount").html());
if(number>=1 && number<=max){
var url = document.URL;
var newurl = "";
var arr1 = new Array();
arr1 = url.split('?');
if(arr1[1]){
var arr2 = new Array();
arr2 = arr1[1].split('&');
if(!arr2[1]){
newurl = url+'&page='+number;
}else{
var hasPage = false;
for(var i=0;i if(!arr2[i].indexOf('page')){ arr2[i] = 'page='+number; hasPage = true; } } var newparams = arr2.join('&'); if(!hasPage){ newparams = newparams + '&page='+number; } newurl = arr1[0] + '?' + newparams; } }else{ newurl = url+"?page="+number; } location.href = newurl; }else{ alert('请输入正确页数!'); return false; } }); 本篇与上一篇一脉相承,在输入框获取焦点之前是这样的效果: 在输入框获取焦点之后是这样的效果: 有什么问题可以通过下面的回复框进行回复,我会第一时间回馈
if(!arr2[i].indexOf('page')){
arr2[i] = 'page='+number;
hasPage = true;
}
}
var newparams = arr2.join('&');
if(!hasPage){
newparams = newparams + '&page='+number;
}
newurl = arr1[0] + '?' + newparams;
}
}else{
newurl = url+"?page="+number;
}
location.href = newurl;
}else{
alert('请输入正确页数!');
return false;
}
});
本篇与上一篇一脉相承,在输入框获取焦点之前是这样的效果:
在输入框获取焦点之后是这样的效果:
有什么问题可以通过下面的回复框进行回复,我会第一时间回馈
版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。
发表评论
暂时没有评论,来抢沙发吧~