//分頁
(function(){
var cur=1;
$(".newslist li").hide();
var size = $(".newslist li").length;
var page = Math.floor($(".newslist li").length/20)+1;
for(var i=1; i<=page; i++){
$(".page").append('<a href="javascript:;">'+i+'</a>');
}

//默認(rèn)
$(".page").children("a").eq(0).addClass("cur");
if($(".page").children("a").eq(0).hasClass("cur")){
$(".newslist li:lt(20)").show();
}

//點(diǎn)擊
$(".page a").click(function(){
var e=$(this).index();
$(this).addClass("cur").siblings("a").removeClass("cur");
$(".newslist li").hide();
$(".newslist li").slice(20 * e, 20 * e + 20).show();
window.location.href = "Media.shtml#" + e;
})

//點(diǎn)詳情頁后回去 之前的page;
if (window.location.href.indexOf("#") > 1) {
var pageIndex = window.location.href.slice(window.location.href.indexOf("#") + 1, window.location.href.length);
$(".newslist li").hide();
$(".newslist li").slice(20 * pageIndex, 20 * pageIndex + 20).show();
$(".page a").eq(pageIndex).addClass("cur").siblings("a").removeClass("cur");
}

})()

轉(zhuǎn)載于:https://www.cnblogs.com/aimyfly/p/3796901.html

總結(jié)

以上是生活随笔為你收集整理的静态页分页效果的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。