您好,欢迎访问一九零五行业门户网

带有输入跳转的分页

第一次发表文章大家多多指教
先发一下效果图吧
php部分分页配置代码
$module_name = '/' . module_name . '/' . controller_name . '/' . action_name;//获取路径
$page->lastsuffix = false; // 最后一页是否显示总页数
$page->setconfig('prev', '上一页');
$page->setconfig('next', '下一页');
$page->setconfig('first', '首页');
$page->setconfig('last', '尾页');
$page->setconfig('theme', ' 共有%total_row%条记录
当前第%now_page%页 共有%total_page%页 %up_page% %first% %link_page% %end% %down_page%
跳转
');
jq部分
$(function(){
$('#z').blur(function(){
var url=$('.tiaozhuan').attr(href);
var strs=url.substr(0,25);
var value=this.value;
var all=$('.all').attr(title);
var i=parsefloat(all);//将字符转化成数字
if(value0){
value=math.ceil(value);
}else{
value='';
}
var newurl=strs+value;
$('.tiaozhuan').attr(href,newurl);
});
css部分
.right{float: left;color: #000000;padding: 10px 0 0 50px;}
.za{float: right;padding: 10px 10px 0 0;}
.zi{float: left;padding: 0 5px 0 0;}
.all{float: left;padding: 0 0 0 5px;}
.info{float: right;}
.info input{border:solid #ccc 1px;}
.tiaozhuan{padding: 0 0 0 5px;}
.page{float: left;padding: 0 20px 0 20px;}
.page a{float:left;display:block;margin: 0 1px 0 1px;color: #ffffff}
.current{float:left;display:block;margin: 0 1px 0 1px;background: #aad83e;width: 20px;height: 20px;text-align: center}
.num{background: #2c2c2c;width: 20px;height: 20px;text-align: center}
.prev{width: 60px;height: 20px;background: #8a8787;text-align: center}
.next{width: 60px;height: 20px;background: #8a8787;text-align: center}
.first{width: 40px;height: 20px;background: #8a8787;text-align: center}
.end{width: 40px;height: 20px;background: #8a8787;text-align: center}
css部分建议自己调整一下
ad:真正免费,域名+虚机+企业邮箱=0元
其它类似信息

推荐信息