JS分頁效果範例_javascript技巧

分頁

複製程式碼 程式碼如下：

複製程式碼

複製程式碼


程式碼如下：


/*---- ----尋呼機--------*/
.number span a{padding:4px 6px;}
. number span a:hover{padding:4px 6px;背景顏色: #999;顏色:#FFFFFF;}
.number {邊距:5px 0;字體大小: 14px;字體粗細: 粗體;顏色:#ff00ff ;}
.number span{邊框:solid 1px #cccccc;背景顏色:#FFFFFF;顏色:#666666;行高:20px;顯示:內聯塊;左邊距:4px;右邊距:4px;}
#a_title{ 文字-對齊：居中；高度：30px；行高：30px；字體大小：18px；字體粗細：加粗；顯示：塊}
#a_smalltitle{font-size:14px;字體粗細：加粗；文字對齊：中心；顯示：區塊；}
.a_about{文字對齊：中心；顯示：區塊；高度：20px；行高：20px；背景：#F3F8F7}
#a_content{padding: 10px;高度：自動；溢位：隱藏；文字對齊：左；行高：200%；斷字:全部;}
#a_near{padding-left:20px;邊距：5px 0；高度：自動}

.Red{ 顏色：紅色}

var pg = new showPages('pg');
pg.pageCount = ;
pg.printHtml();
腳本>

public void Bind()
{
Maticsoft.BLL.news bllnews = new Maticsoft.BLL.news();
PagedDataSource ps = new PagedDataSource();
ps.DataSource = bllnews.GetAllList().Tables[0].DefaultView;
ps.AllowPaging = true;
ps.PageSize = 5;/分頁大小ps.CurrentPageIndex = currentPage - 1; pageCount = ps.PageCount.ToString(); r1.DataSource = ps; r1.DataBind(); }