JS ページング効果の例_JavaScript スキル

分页

复制代 代码如下:

复制代码代码如下:

/*---- ----ページャー-------*/
.number スパン a{padding:4px 6px;}
.number スパン a:hover{padding:4px 6px;}背景色: #999;カラー:#FFFFFF;}
.number {マージン:5px 0;フォントサイズ: 14px;フォントの重み: ボールド;カラー: #ff00ff;}
.number スパン{ボーダー:solid 1px #cccccc;background-color:#FFFFFF;color:#666666;line-height:20px;display:inline-block;margin-left:4px;margin-right:4px;}
#a_title{ text -整列:中央;高さ:30ピクセル;行の高さ:30px;フォントサイズ:18px;フォントの太さ:太字; display:block}
#a_smalltitle{font-size:14px;フォントの太さ:太字; text-align:center;display:block;}
.a_about{text-align:center;表示:ブロック;高さ:20ピクセル;行の高さ:20px;背景:#F3F8F7}
#a_content{パディング:10px;高さ:自動;オーバーフロー:非表示;テキスト配置:左;行の高さ: 200%; word-break:break-all;}
#a_near{padding-left:20px;マージン:5px 0; height:auto}

.Red{ color:Red}

public void Bind()
{
Maticsoft.BLL.news bllnews = new Maticsoft.BLL.news();
PagesDataSource 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();
}