一代码
接引入 <script type="text/javascript" src="CyberWin_APP_Page.js" alt="未来之窗页码"></script>
function 未来之窗页面触发器(页码){
console.log("当前用户新="+页码);
}
CyberWin_Page.set_callback(未来之窗页面触发器);
CyberWin_Page.show("pagination_page",30,3);
二、核心代码
if(page > 2){
未来之窗页码 += `<li class="cyberwin_paginatio_numb cyberwin_pagination_li" onclick=CyberWin_Page.show('${pagination_id}',${maxPage},1)>1</li>`;
if(page > 3){
未来之窗页码 += `<li class="cyberwin_paginatio_dots cyberwin_pagination_li">... </li>`;
}
}
for (let pageLength = beforePage; pageLength <= afterPage; pageLength++){
if(pageLength > maxPage){
continue;
}
if(pageLength ==0){
pageLength = pageLength + 1;
}
if(page == pageLength){
activeLi = "active";
}
else{
activeLi = "";
}
未来之窗页码 += `<li class="cyberwin_paginatio_numb ${activeLi} cyberwin_pagination_li" onclick="CyberWin_Page.show('${pagination_id}',${maxPage},${pageLength})">${pageLength}</li>`;
}
if(page < maxPage-2){
未来之窗页码 += `<li class="cyberwin_paginatio_dots cyberwin_pagination_li">... </li>`;
}
if(page < maxPage-1){
未来之窗页码 += `<li class="cyberwin_paginatio_numb cyberwin_pagination_li" onclick="CyberWin_Page.show('${pagination_id}',${maxPage},${maxPage})">${maxPage}</li>`;
}
if(page < maxPage){
未来之窗页码 += `<li class="cyberwin_paginatiobtn cyberwin_paginatio_next cyberwin_pagination_li" onclick="CyberWin_Page.show('${pagination_id}',${maxPage},${page+1})" ><span>下一页(next)</span></li>`;
}
未来之窗页码+="</ul>";
var 未来之窗页码容器 = document.querySelector("#"+pagination_id);
// console.log(未来之窗页码);
// console.log(pagination_id);
//console.log(pagination_id);
未来之窗页码容器.innerHTML = 未来之窗页码;
//console.log(1);
cyberwin_pagination_callback(page);
};
三、完整源码
GitHub - cyberwin/CyberWin_APP_Page
四、阿雪技术观
拥抱开源与共享,见证科技进步奇迹,畅享人类幸福时光!
让我们积极投身于技术共享的浪潮中,不仅仅是作为受益者,更要成为贡献者。无论是分享自己的代码、撰写技术博客,还是参与开源项目的维护和改进,每一个小小的举动都可能成为推动技术进步的巨大力量
扫码,可学习更多。