JS分页效果示例
2013-10-11 00:00
423 查看
分页
<script type="text/javascript" language="javascript" src="js/pager.js"></script>
/*--------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(); }
相关文章推荐
- JS分页效果示例
- JS鼠标滚动分页效果示例
- 非常不错的一个JS分页效果代码
- js--分页效果(自己初版)
- JS实现table表格数据排序功能(可支持动态数据+分页效果)
- 仿淘宝分页按钮效果简单美观易使用的JS分页控件
- js对文章内容进行分页示例代码
- ajax+js+dom+json+php+mysql实现仿百度、google的分页效果
- JS实现简单的浮动碰撞效果示例
- 非常不错的一个JS分页效果代码,值得研究
- js下通过getList函数实现分页效果的代码
- parabola.js抛物线与加入购物车效果的示例代码
- 当前页居中分页效果的JS实现
- 7种js分页效果
- JS实现的tab切换选项卡效果示例
- js框架jquery实现分页效果代码下载
- JS+CSS实现的拖动分页效果实例
- js+css分页效果
- 用table,js实现web动态取数据并实现分页效果