JS分页效果示例

(编辑:jimmy 日期: 2024/10/10 浏览:2)

分页
复制代码 代码如下:
<script type="text/javascript" language="javascript" src="/UploadFiles/2021-04-02/pager.js">
复制代码 代码如下:
/*--------pager-------*/
.number span a{padding:4px 6px;}
.number span a:hover{padding:4px 6px; background-color: #999;color:#FFFFFF;}
.number {margin:5px 0;font-size: 14px;font-weight: bold;color: #ff00ff;}
.number span{border:solid 1px #cccccc;background-color:#FFFFFF;color:#666666;line-height:20px;display:inline-block;margin-left:4px;margin-right:4px;}
#a_title{ text-align:center; height:30px; line-height:30px;font-size:18px; font-weight:bolder; display:block}
#a_smalltitle{font-size:14px; font-weight:bolder; text-align:center;display:block;}
.a_about{text-align:center; display:block; height:20px; line-height:20px; background:#F3F8F7}
#a_content{padding:10px; height:auto;overflow:hidden;text-align:left;line-height: 200%; word-break:break-all;}
#a_near{padding-left:20px; margin:5px 0; height:auto}

.Red{ color:Red}

<p class="nav">
<!--js分页-->
<script type="text/javascript" language="javascript">
var pg = new showPages('pg');
pg.pageCount = <% =PageCount %>;
pg.printHtml();
</script>
</p>
</div>

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

一句话新闻

高通与谷歌联手!首款骁龙PC优化Chrome浏览器发布
高通和谷歌日前宣布,推出首次面向搭载骁龙的Windows PC的优化版Chrome浏览器。
在对骁龙X Elite参考设计的初步测试中,全新的Chrome浏览器在Speedometer 2.1基准测试中实现了显著的性能提升。
预计在2024年年中之前,搭载骁龙X Elite计算平台的PC将面世。该浏览器的提前问世,有助于骁龙PC问世就获得满血表现。
谷歌高级副总裁Hiroshi Lockheimer表示,此次与高通的合作将有助于确保Chrome用户在当前ARM兼容的PC上获得最佳的浏览体验。