更多>
最新下载
西山居首页jQuery焦点图代码
西山居首页jQuery焦点图代码是一款带文字描述,左右箭头,索引按钮,自动轮播切换的jQuery特效代码。本作品由【站长素材】收集整理,转载请注明出处!
0
2026-01-25
24小时阅读排行榜
- 1 如何让网格容器中的子元素显示统一渐变背景,而容器空白区域保持白色
- 2 如何将 UTC 时间准确转换并显示为浏览器本地时间
- 3 如何在 Go 中安全执行多语句 SQL 脚本(含文件加载与事务处理)
- 4 基于URL的搜索词短语聚类:高效内存实现方案
- 5 如何优化 WooCommerce 价格显示以减少 DOM 元素数量
- 6 html5滤镜如何实现素描风格_html5素描滤镜实现思路【技巧】
- 7 FIMO输出HTML包含文本行高吗_FIMO输出HTML行高参数说明【说明】
- 8 html5播放rtsp支持哪些浏览器_html5rtsp兼容浏览器清单【说明】
- 9 html5怎么实现图片混合模式_html5混合模式效果教程【技巧】
- 10 html个人页面怎么加折叠菜单_html手风琴菜单代码【组件】
- 11 html5滤镜如何让颜色反转_html5颜色反转滤镜法【步骤】
- 12 html个人页面怎么加404提示_html错误页编写教程【页面】
- 13 PHPMailer SMTP 配置指南:OVH 主机环境下的正确邮件发送方案
- 14 如何让网格容器中的子元素显示统一渐变背景,而容器空白区域保持纯白
- 15 html5play函数调用需加前缀吗_html5play函数前缀使用法【步骤】
更多>
最新教程
-
- Node.js 教程
- 16094 2025-08-28
-
- CSS3 教程
- 1546480 2025-08-27
-
- Rust 教程
- 23235 2025-08-27
-
- Vue 教程
- 25700 2025-08-22
-
- PostgreSQL 教程
- 22189 2025-08-21
-
- Git 教程
- 9172 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
