標籤：
<!DOCTYPE html><html lang="zh-cn" xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" /><title>一個非常簡單的jQuery分頁外掛程式</title><style>*{ margin:0; padding:0; list-style:none;}a{ text-decoration:none;}a:hover{ text-decoration:none;}.tcdPageCode{padding: 15px 20px;text-align: left;color: #ccc;}.tcdPageCode a{display: inline-block;color: #428bca;display: inline-block;height: 25px;line-height: 25px;padding: 0 10px;border: 1px solid #ddd;margin: 0 2px;border-radius: 4px;vertical-align: middle;}.tcdPageCode a:hover{text-decoration: none;border: 1px solid #428bca;}.tcdPageCode span.current{display: inline-block;height: 25px;line-height: 25px;padding: 0 10px;margin: 0 2px;color: #fff;background-color: #428bca;border: 1px solid #428bca;border-radius: 4px;vertical-align: middle;}.tcdPageCode span.disabled{display: inline-block;height: 25px;line-height: 25px;padding: 0 10px;margin: 0 2px;color: #bfbfbf;background: #f2f2f2;border: 1px solid #bfbfbf;border-radius: 4px;vertical-align: middle;}</style></head><body><!-- 代碼部分begin --> <div class="tcdPageCode"> </div> <pre> 調用方法： $(".tcdPageCode").createPage({ pageCount:10, current:1, backFn:function(p){ //單擊回調方法，p是當前頁碼 } }); pageCount：總頁數 current：當前頁 </pre></body><script src="http://www.lanrenzhijia.com/ajaxjs/jquery.min.js"></script><script src="http://www.lanrenzhijia.com/ajaxjs/jquery.page.js"></script><script> $(".tcdPageCode").createPage({ pageCount:6, current:1, backFn:function(p){ console.log(p); } });</script><!-- 代碼部分end --></html>
很簡潔的分頁控制項 適合MVC
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
