JS分页效果示例


Posted in Javascript onOctober 11, 2013

分页

<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(); 
}
Javascript 相关文章推荐
JavaScript Event学习第六章 事件的访问
Feb 07 Javascript
网页整体变灰白色(兼容各浏览器)实例
Apr 21 Javascript
js中的前绑定和后绑定详解
Aug 01 Javascript
24款热门实用的jQuery插件推荐
Dec 24 Javascript
13个PHP函数超实用
Oct 21 Javascript
jQuery实现拖拽可编辑模块功能代码
Jan 12 Javascript
利用PM2部署node.js项目的方法教程
May 10 Javascript
微信小程序 JS动态修改样式的实现方法
Dec 16 Javascript
layui 数据表格+分页+搜索+checkbox+缓存选中项数据的方法
Sep 21 Javascript
Javascript原生ajax请求代码实例
Feb 20 Javascript
JavaScript组合设计模式--改进引入案例分析
May 23 Javascript
jQuery冲突问题解决方法
Jan 19 jQuery
appendChild() 或 insertBefore()使用与区别介绍
Oct 11 #Javascript
JQuery对class属性的操作实现按钮开关效果
Oct 11 #Javascript
鼠标划过实现延迟加载并隐藏层的js代码
Oct 11 #Javascript
javascript自然分类法算法实现代码
Oct 11 #Javascript
jQuery阻止事件冒泡具体实现
Oct 11 #Javascript
JS定时器实例详细分析
Oct 11 #Javascript
jquery 清空file域示例(兼容个浏览器)
Oct 11 #Javascript
You might like
ubuntu 编译安装php 5.3.3+memcache的方法
2010/08/05 PHP
php源代码安装常见错误与解决办法分享
2013/05/28 PHP
php插件Xajax使用方法详解
2017/08/31 PHP
Javascript delete 引用类型对象
2013/11/01 Javascript
用javascript为页面添加天气显示实现思路及代码
2013/12/02 Javascript
js中文逗号转英文实现
2014/02/11 Javascript
javascript 处理null及null值示例
2014/06/09 Javascript
浅谈javascript的调试
2015/01/28 Javascript
JavaScript将字符串转换为整数的方法
2015/04/14 Javascript
javascript验证邮件地址和MX记录的方法
2015/06/16 Javascript
js点击文本框弹出可选择的checkbox复选框
2016/02/03 Javascript
js实现文字滚动效果
2016/03/03 Javascript
node模块机制与异步处理详解
2016/03/13 Javascript
JS ES6多行字符串与连接字符串的表示方法
2017/04/26 Javascript
jQuery回调方法使用示例
2017/06/26 jQuery
关于vue.extend和vue.component的区别浅析
2017/08/16 Javascript
javascript数组定义的几种方法
2017/10/06 Javascript
JavaScript实现动态添加、移除元素或属性的方法分析
2019/01/03 Javascript
图文详解vue框架安装步骤
2019/02/12 Javascript
js类的继承定义与用法分析
2019/06/21 Javascript
深入学习Vue nextTick的用法及原理
2019/10/08 Javascript
python的re模块应用实例
2014/09/26 Python
python3实现名片管理系统
2020/11/29 Python
python ctypes库2_指定参数类型和返回类型详解
2019/11/19 Python
Python数据分析库pandas高级接口dt的使用详解
2020/12/11 Python
css3截图_动力节点Java学院整理
2017/07/11 HTML / CSS
HTML高亮关键字的实现代码
2018/10/22 HTML / CSS
化学相关工作求职信
2013/10/02 职场文书
水利公司纪检监察自我鉴定
2014/02/25 职场文书
大二学生自我检讨书
2014/10/23 职场文书
办公室禁烟通知
2015/04/23 职场文书
教师节老师寄语
2015/05/28 职场文书
运动会100米广播稿
2015/08/19 职场文书
python+opencv实现视频抽帧示例代码
2021/06/11 Python
oracle delete误删除表数据后如何恢复
2022/06/28 Oracle
Python 操作pdf pdfplumber读取PDF写入Exce
2022/08/14 Python