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 面向对象 继承
May 13 Javascript
js opener的使用详解
Jan 11 Javascript
jquery禁用右键单击功能屏蔽F5刷新
Mar 17 Javascript
javascript 处理null及null值示例
Jun 09 Javascript
JavaScript中setTimeout和setInterval函数的传参及调用
Mar 11 Javascript
Bootstrap中datetimepicker使用小结
Dec 28 Javascript
原生javascript实现图片放大镜效果
Jan 18 Javascript
使用Dropzone.js上传的示例代码
Oct 10 Javascript
JavaScript使用面向对象实现的拖拽功能详解
Jun 12 Javascript
Vue实现图片与文字混输效果
Dec 04 Javascript
js实现页面图片消除效果
Mar 24 Javascript
JS常见内存泄漏及解决方案解析
May 30 Javascript
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
PHP静态文件生成类实例
2014/11/29 PHP
Smarty最简单实现列表奇偶变色的方法
2015/07/01 PHP
PHP实现驼峰样式字符串(首字母大写)转换成下划线样式字符串的方法示例
2017/08/10 PHP
PHP学习记录之数组函数
2018/06/01 PHP
php7 list()、session及其他模块的修改实例分析
2020/05/25 PHP
js 阻止子元素响应父元素的onmouseout事件具体实现
2013/12/23 Javascript
jQuery ajax调用WCF服务实例
2014/07/16 Javascript
jQuery的animate函数学习记录
2014/08/08 Javascript
基于javascript实现简单计算器功能
2016/01/03 Javascript
创建一个类Person的简单实例
2016/05/17 Javascript
AngularJS 实现JavaScript 动画效果详解
2016/09/08 Javascript
JavaScript两个变量交换值的实现方法
2017/03/01 Javascript
浅谈微信JS-SDK 微信分享接口开发(介绍版)
2018/08/15 Javascript
4个顶级开源JavaScript图表库
2018/09/29 Javascript
跟混乱的页面弹窗说再见
2019/04/11 Javascript
vue 实现微信浮标效果
2019/09/01 Javascript
Vue Components 数字键盘的实现
2019/09/18 Javascript
详解Python中的文本处理
2015/04/11 Python
Python3使用PyQt5制作简单的画板/手写板实例
2017/10/19 Python
Python断言assert的用法代码解析
2018/02/03 Python
python3实现163邮箱SMTP发送邮件
2018/05/22 Python
Python中的pathlib.Path为什么不继承str详解
2019/06/23 Python
Python-openpyxl表格读取写入的案例详解
2020/11/02 Python
匡威意大利官方商店 :Converse意大利
2018/11/27 全球购物
实习自我鉴定模板
2013/09/28 职场文书
汽车检测与维修专业求职信
2013/10/30 职场文书
军训自我鉴定
2014/01/22 职场文书
上课迟到检讨书
2014/02/19 职场文书
函授毕业个人自我评价
2014/02/20 职场文书
行政监察建议书
2014/05/19 职场文书
英语专业毕业生求职信
2014/05/24 职场文书
销售员试用期自我评价
2014/09/15 职场文书
2015年前台接待工作总结
2015/05/04 职场文书
遗愿清单观后感
2015/06/09 职场文书
Spring Boot 实现敏感词及特殊字符过滤处理
2021/06/29 Java/Android
避坑之 JavaScript 中的toFixed()和正则表达式
2022/04/19 Javascript