您的位置：首页 > 编程技术 > js  >  JS分页效果示例

JS分页效果示例

 更新时间：2013年10月13日 07:27  点击：2481

分页

代码如下:


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

[!--infotagslink--]

相关文章

  • php KindEditor文章内分页的实例方法

    我们这里介绍php与KindEditor编辑器使用时如何利用KindEditor编辑器的分页功能实现文章内容分页，KindEditor编辑器在我们点击分页时会插入代码，我们只要以它为分切符，就...2016-11-25

  • 自己动手写的jquery分页控件(非常简单实用)

    最近接了一个项目，其中有需求要用到jquery分页控件，上网也找到了需要分页控件，各种写法各种用法，都是很复杂，最终决定自己动手写一个jquery分页控件，全当是练练手了。写的不好，还请见谅，本分页控件在chrome测试过，其他的兼容性...2015-10-30

  • jquery实现的伪分页效果代码

    本文实例讲述了jquery实现的伪分页效果代码。分享给大家供大家参考，具体如下：这里介绍的jquery伪分页效果，在火狐下表现完美，IE全系列下有些问题，引入了jQuery1.7.2插件，代码里有丰富的注释，相信对学习jQuery有不小的帮助，期...2015-10-30

  • vue.js 表格分页ajax 异步加载数据

    Vue.js通过简洁的API提供高效的数据绑定和灵活的组件系统.这篇文章主要介绍了vue.js 表格分页ajax 异步加载数据的相关资料,需要的朋友可以参考下...2016-10-20

  • Springboot如何使用mybatis实现拦截SQL分页

    这篇文章主要介绍了Springboot使用mybatis实现拦截SQL分页,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下...2020-06-19

  • PHP 一个完整的分页类(附源码)

    在php中要实现分页比起asp中要简单很多了，我们核心就是直接获取当前页面然后判断每页多少再到数据库中利用limit就可以实现分页查询了，下面我来详细介绍分页类实现程序...2016-11-25

  • jquery实现的伪分页效果代码

    本文实例讲述了jquery实现的伪分页效果代码。分享给大家供大家参考，具体如下：这里介绍的jquery伪分页效果，在火狐下表现完美，IE全系列下有些问题，引入了jQuery1.7.2插件，代码里有丰富的注释，相信对学习jQuery有不小的帮助，期...2015-10-30

  • AngularJS实现分页显示数据库信息

    这篇文章主要为大家详细介绍了AngularJS实现分页显示数据库信息效果的相关资料，感兴趣的小伙伴们可以参考一下...2016-07-06

  • 基于jquery实现表格无刷新分页

    这篇文章主要介绍了基于jquery实现表格无刷新分页，功能实现了前端排序功能，增加了前端搜索功能，感兴趣的小伙伴们可以参考一下...2016-01-08

  • vue实现页面打印自动分页的两种方法

    这篇文章主要为大家详细介绍了vue实现页面打印自动分页的两种方法，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下...2021-09-29

  • vue.js表格分页示例

    这篇文章主要为大家详细介绍了vue.js表格分页示例，ajax异步加载数据...2016-10-20

  • C# DataTable分页处理实例代码

    有时候我们从数据库获取的数据量太大，而我们不需要一次性显示那么多的时候，我们就要对数据进行分页处理了，让每页显示不同的数据。...2020-06-25

  • 原生js实现分页效果

    这篇文章主要为大家详细介绍了原生js实现分页效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下...2020-09-24

  • Python优化列表接口进行分页示例实现

    最近，在做测试开发平台的时候，需要对测试用例的列表进行后端分页，在实际去写代码和测试的过程中，发现这里面还是有些细节的，故想复盘一下...2021-09-29

  • laypage分页控件使用实例详解

    这篇文章主要为大家详细分享了laypage分页控件使用实例，具有一定的参考价值，感兴趣的小伙伴们可以参考一下...2016-05-20

  • 解析iReport自定义行数分页的操作方法

    ireport默认都是自动分页数据超出页面长度就会自动分到下一页，但有时候业务需要一页只显示固定几行这时候就需要自定义条数了。下面看具体操作吧...2021-10-26

  • MySQL分页优化

    这篇文章主要为大家详细介绍了MySQL分页优化，内容思路很详细，有意对MySQL分页优化的朋友可以参考一下...2016-04-22

  • EasyUI Pagination 分页的两种做法小结

    这篇文章主要介绍了EasyUI Pagination 分页的两种做法小结的相关资料,需要的朋友可以参考下...2016-07-25

  • 基于BootStrap的前端分页带省略号和上下页效果

    这篇文章主要介绍了基于BootStrap的前端分页带省略号和上下页效果,需要的朋友可以参考下...2017-05-22

  • 编写PHP脚本来实现WordPress中评论分页的功能

    这篇文章主要介绍了编写PHP脚本来实现WordPress中评论分页的功能的方法,包括上一页下一页和导航式分页功能的添加,需要的朋友可以参考下...2015-12-14