JS 페이징 효과 example_javascript 기술

分页

复代码 代码如下:

复代码 代码如下:

/*-- ----페이저------*/
.number 범위 a{padding:4px 6px;}
.number 범위 a:hover{padding:4px 6px; 배경색: #999;색상:#FFFFFF;}
.숫자 {여백:5px 0;글꼴 크기: 14px;글꼴 무게: 굵게;색상: #ff00ff;}
.숫자 범위{테두리 :solid 1px #cccccc;배경 색상:#FFFFFF;색상:#666666;line-height:20px;display:inline-block;margin-left:4px;margin-right:4px;}
#a_title{ text -정렬:가운데; 높이:30px; 줄 높이:30px;글꼴 크기:18px; 글꼴 두께:굵게; 디스플레이:블록}
#a_smalltitle{font-size:14px; 글꼴 두께:굵게; 텍스트 정렬:센터;디스플레이:블록;}
.a_about{텍스트-정렬:센터; 표시:블록; 높이:20px; 줄 높이:20px; 배경:#F3F8F7}
#a_content{패딩:10px; 높이:자동;오버플로:숨김;텍스트 정렬:왼쪽;줄 높이: 200%; word-break:break-all;}
#a_near{padding-left:20px; 여백:5px 0; 높이:자동}

.Red{ 색상:빨간색}

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();
}