分頁頁碼的前端顯示的實現

準備做分頁的時候滾回去找了一下之前寫過的demo結果被自己寫的醜哭了（大概長這樣）：

主要是不符合現在一般**的跳轉習慣，自己用著都覺得不方便，所以重新寫了一下新的分頁的前端（頓時覺得舒服了許多）：

具體的簡單的html《置於body中》:

class="btn"

class="btn"
id="btn1">1button>
id="prepoint">...span>
class="btn"
id="btn2">
button>
class="btn"
id="btn3">
button>
class="btn"
id="btn4">
button>
class="btn"
id="btn5">
button>
class="btn"
id="btn6">
button>
id="sufpoint">...span>
class="btn"
id="btn7">
button>
class="btn"

$(function()

if(currentpage==pagenum)    //如果當前頁為末頁
//處理當前頁小於等於3的特殊情況
if(currentpage<=3)//當前頁是4還需要hide掉第乙個省略號按鈕（！重要）
else
if(currentpage==4)
//當前頁是1還需要hide掉第二第三個按鈕
if(currentpage==1)
//當前頁是2則也需要hide掉第二個按鈕（此時為-1）
else
if(currentpage==2)
//最末端的特殊情況處理和最前端是一樣的
if(currentpage>=pagenum-2)
else
if(currentpage==pagenum-3)
if(currentpage==pagenum)
if(currentpage==pagenum-1)
});

ul

li.page_btn
.page_btn
:hover
span
.pages_span

class="page_li">

class="page_btn"
style="width:100px"
li>
class="page_li">
class="page_btn"
id="page_btn1">1button>
li>
class="page_li">
class="pages_span"
id="prepoint">...span>
li>
class="page_li">
class="page_btn"
id="page_btn2">
button>
li>
class="page_li">
class="page_btn"
id="page_btn3">
button>
li>
class="page_li">
class="page_btn"
id="page_btn4">
button>
li>
class="page_li">
class="page_btn"
id="page_btn5">
button>
li>
class="page_li">
class="page_btn"
id="page_btn6">
button>
li>
class="page_li">
class="pages_span"
id="sufpoint">...span>
li>
class="page_li">
class="page_btn"
id="page_btn7">
button>
li>
class="page_li">
class="page_btn"
style="width:100px"
li>
ul>

$(function()

if(currentpage==pagenum)    
if(currentpage<=3)
else
if(currentpage==4)
if(currentpage==1)
else
if(currentpage==2)
if(currentpage>=pagenum-2)
else
if(currentpage==pagenum-3)
if(currentpage==pagenum)
if(currentpage==pagenum-1)
});

前端分頁頁碼靜態部分製作

效果 分頁頁碼demo title style type text css css reset 分頁div面板樣式 page normal 所有分頁頁碼的共同樣式 page normal a,page normal page current 未選中的分頁頁碼樣式 page normal a 1.選中...

關於GridView分頁頁碼的討論

關於gridview分頁頁碼的討論 在 gridview 中實現分頁的效果方法很簡單，只需要在 gridview 任務 對話方塊中進行設定就可以了。在 gridview 任務 對話方塊中，選擇 啟用分頁 命令，這樣建立起簡單的分頁效果。在使用 啟用分頁 命令的時候要注意兩點。1 是否允許分頁 gri...

關於GridView分頁頁碼的討論

在 gridview 中實現分頁的效果方法很簡單，只需要在 gridview 任務 對話方塊中進行設定就可以了。在 gridview 任務 對話方塊中，選擇 啟用分頁 命令，這樣建立起簡單的分頁效果。在使用 啟用分頁 命令的時候要注意兩點。1 是否允許分頁 gridview 的allowpaging...