更多>
最新下载
西山居首页jQuery焦点图代码
西山居首页jQuery焦点图代码是一款带文字描述,左右箭头,索引按钮,自动轮播切换的jQuery特效代码。本作品由【站长素材】收集整理,转载请注明出处!
0
2026-01-25
24小时阅读排行榜
- 1 php连接数据库提示could not connect_php连接失败通用排查【方案】
- 2 php连接数据库中文乱码咋处理_php数据库中文编码设置【技巧】
- 3 html5嵌入音频快进卡顿_html5嵌入音频快进优化【方案】
- 4 服务器随机丢包但 ping 延迟正常的 perf + bpftrace 抓包定位
- 5 php统计数据图表加载慢咋优化_php缓存数据提速法【技巧】
- 6 php创建文件带内容怎么做_php写入内容建文件法【实例】
- 7 php怎么创建mysql数据库_php创建mysql数据库基础教程【步骤】
- 8 php数据库怎么进lnmp环境的mysql_php连lnmpmysql法【教程】
- 9 php数据库怎么进加密的mysql_php解密连mysql法【步骤】
- 10 php连接达梦报端口不通咋办_php连达梦网络排查法【方案】
- 11 html5播放rtsp怎么切换源_html5rtsp多源切换法【交互】
- 12 如何用 CSS clip-path 创建四角汇聚的全宽网页三角分割布局
- 13 trae里php的zend_extension怎么加_trae加zend扩展法【技巧】
- 14 ios调用html5弹窗被拦截咋办_ios解除弹窗拦截法【方案】
- 15 php实现班级通信录导入重复数据_php去重导入处理方法【技巧】
更多>
最新教程
-
- Node.js 教程
- 16082 2025-08-28
-
- CSS3 教程
- 1546459 2025-08-27
-
- Rust 教程
- 23226 2025-08-27
-
- Vue 教程
- 25695 2025-08-22
-
- PostgreSQL 教程
- 22182 2025-08-21
-
- Git 教程
- 9171 2025-08-21
jQuery的搜索跳转功能的列表分页代码
这是一款可以设置多个列表数量,带分页搜索跳转功能,非常实用的jQuery分页代码。js代码
<script>
var page = 1;
var limit = 10;
var sumPage = 6;
var size = 28;
$(function(){
page = parseInt(page);
limit = parseInt(limit); //防止页码出现字符串,转换类型
loadClass();
setPageMsg();
initPage();
$("#pageLt").find("a").unbind("click").click(function(){
$("#pageLt").find("a").removeClass("active");
$(this).addClass("active");
limit = parseInt($(this).text());
// 分页执行的fun
});
});
function loadClass(){
if(limit == 10){
$("#pageLt").find("a").removeClass("active");
$("#pageLt").find("a").eq(0).addClass("active");
}else if(limit == 20){
$("#pageLt").find("a").removeClass("active");
$("#pageLt").find("a").eq(1).addClass("active");
}else if(limit == 30){
$("#pageLt").find("a").removeClass("active");
$("#pageLt").find("a").eq(2).addClass("active");
}else if(limit == 40){
$("#pageLt").find("a").removeClass("active");
$("#pageLt").find("a").eq(3).addClass("active");
}
}
/** 初始化分页控件 **/
function initPage(){
$(".down_page").click(function(){ //上一页
if(page != 1){
page = page - 1;
$("#nowPage").text(page);
// 分页执行的fun
}else{
alert("已经是第一页了","warning");
}
});
$(".up_page").click(function(){ //下一页
if(page < parseInt(sumPage)){
page = page + 1;
$("#nowPage").text(page);
// 分页执行的fun
}else{
alert("已经是最后一页了","warning");
}
});
$(".jump_page").click(function(){
var pageNum = $("#pageNum").val();
if(parseInt(pageNum) <= parseInt(sumPage)){
page = parseInt(pageNum);
$("#nowPage").text(page);
// 分页执行的fun
}else{
alert("页数不能大于总页数","warning");
}
});
}
function setPageMsg(){
$("#count").text(size);
$("#nowPage").text(page);
$("#allPage").text(""+sumPage+"页");
}
</script>
<script>
var page = 1;
var limit = 10;
var sumPage = 6;
var size = 28;
$(function(){
page = parseInt(page);
limit = parseInt(limit); //防止页码出现字符串,转换类型
loadClass();
setPageMsg();
initPage();
$("#pageLt").find("a").unbind("click").click(function(){
$("#pageLt").find("a").removeClass("active");
$(this).addClass("active");
limit = parseInt($(this).text());
// 分页执行的fun
});
});
function loadClass(){
if(limit == 10){
$("#pageLt").find("a").removeClass("active");
$("#pageLt").find("a").eq(0).addClass("active");
}else if(limit == 20){
$("#pageLt").find("a").removeClass("active");
$("#pageLt").find("a").eq(1).addClass("active");
}else if(limit == 30){
$("#pageLt").find("a").removeClass("active");
$("#pageLt").find("a").eq(2).addClass("active");
}else if(limit == 40){
$("#pageLt").find("a").removeClass("active");
$("#pageLt").find("a").eq(3).addClass("active");
}
}
/** 初始化分页控件 **/
function initPage(){
$(".down_page").click(function(){ //上一页
if(page != 1){
page = page - 1;
$("#nowPage").text(page);
// 分页执行的fun
}else{
alert("已经是第一页了","warning");
}
});
$(".up_page").click(function(){ //下一页
if(page < parseInt(sumPage)){
page = page + 1;
$("#nowPage").text(page);
// 分页执行的fun
}else{
alert("已经是最后一页了","warning");
}
});
$(".jump_page").click(function(){
var pageNum = $("#pageNum").val();
if(parseInt(pageNum) <= parseInt(sumPage)){
page = parseInt(pageNum);
$("#nowPage").text(page);
// 分页执行的fun
}else{
alert("页数不能大于总页数","warning");
}
});
}
function setPageMsg(){
$("#count").text(size);
$("#nowPage").text(page);
$("#allPage").text(""+sumPage+"页");
}
</script>
本站所有资源都是由网友投搞发布,或转载各大下载站,请自行检测软件的完整性!本站所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!如有侵权请联系我们删除下架,联系方式:admin@php.cn
