jQuery分页弹出层类似下拉框选择

收藏

jQuery通用手机下拉分页page下载，jQuery无刷新分页,上一页,下一页点击切换，jQuery带有首页和末页的分页插件。

0、请不要问“在不在”之类的问题，有问题直接问！1、学生或暂时没有工作的童鞋，整站资源免费下载！2、￥9.9充值终身VIP会员,加我微信，826096331 拉你进VIP群学习！3、程序员加油,技术改变世界。在线 充值

查看演示

加我微信，拉你进VIP群学习：

下载资源 下载积分： 30 积分

分页html代码

<div class="wrap">  
    <div class="fenye">  
        <ul>  
            <li id="first">首页</li>  
            <li id="top" onclick="topclick()">上一页</li>  
            <li class="xifenye" id="xifenye"> <a id="xiye">1</a>/<a id="mo">66</a>  
                <div class="xab" id="xab" style="display:none">  
                    <ul id="uljia">  
                    </ul>  
                </div> </li>  
            <li id="down" onclick="downclick()">下一页</li>  
            <li id="last">末页</li>  
        </ul>  
    </div>  
</div>

//分页的显示与隐藏 
$("#xifenye").click(function(a) { 
    $("#uljia").empty(); 
    $("#xab").toggle(); 
    //显示出的一共多少页 
    var uljia = $("#uljia"); 
    var page = parseInt($("#xiye").html());//获取当前的页数 
    var pages = parseInt($("#mo").html());//获取当前的总页数 
    for (var i = 1; i <= pages; i++) 
    { 
        var H = "<li  onclick='fl(" + i + "," + pages + ")'>" + i + "</li>";//添加一共多少页和点击事件 
 
        uljia.append(H); 
    } 
    scrolltop(page); 
}) 
//点击分页显示的方法 
function fl(p1, p2) { 
    //var p=p1; 
    $("#xiye").empty(); 
    $("#xiye").html(p1);//给显示的页数赋值 
 
} 
//分页的的上一页和下一页 
function topclick() { 
    var v = document.getElementById("xiye"); 
    var num = v.innerHTML; 
    if (num > 1) 
    { 
        num--; 
        v.innerHTML = num; 
        var hei = 25 * num - 25; 
        $("#xab").scrollTop(hei); 
    } 
 
 
} 
function downclick() { 
    var pages = parseInt($("#mo").html());//获取当前的总页数 
    var v = $("#xiye"); 
    var num = parseInt(v.html()); 
    if (num < pages) { 
        num = ++num; 
        v.html(num); 
        scrolltop(num); 
    } 
} 
//分页的的首页和未页 
$("#first").bind("click", function() { 
    var v = document.getElementById("xiye"); 
    v.innerHTML = 1; 
    scrolltop(v.innerHTML); 
}) 
$("#last").bind("click", function() { 
    var v = document.getElementById("xiye"); 
    var l = document.getElementById("mo"); 
    v.innerHTML = l.innerHTML; 
    scrolltop(v.innerHTML); 
}) 
//滚动条 
function scrolltop(top) { 
    var hei = 25 * top - 25; 
    $("#xab").scrollTop(hei); 
}