jQuery通用手机下拉分页page下载,jQuery无刷新分页,上一页,下一页点击切换,jQuery带有首页和末页的分页插件。
分页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);
}
系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791