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 相关文章推荐
个人总结的一些关于String、Function、Array的属性和用法
Jan 10 Javascript
js 处理数组重复元素示例代码
Dec 27 Javascript
javascript检查浏览器是否支持flash的实现代码
Aug 14 Javascript
JavaScript获取表格(table)当前行的值、删除行、增加行
Jul 03 Javascript
js实现遍历含有input的table实例
Dec 07 Javascript
深入浅析knockout源码分析之订阅
Jul 12 Javascript
微信小程序 input输入框详解及简单实例
Jan 10 Javascript
jQuery实现弹窗居中效果类似alert()
Feb 27 Javascript
JQuery Ajax 异步操作之动态添加节点功能
May 24 jQuery
手把手搭建安装基于windows的Vue.js运行环境
Jun 12 Javascript
Vue+Koa2 打包后进行线上部署的教程详解
Jul 31 Javascript
Vue.js标签页组件使用方法详解
Oct 19 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
推荐自用 Javascript 缩图函数 (onDOMLoaded)……
2007/10/23 Javascript
JavaScript 反科里化 this [译]
2012/09/20 Javascript
JavaScript数组函数unshift、shift、pop、push使用实例
2014/08/27 Javascript
15款jQuery分布引导插件分享
2015/02/04 Javascript
JS动态修改iframe高度和宽度的方法
2015/04/01 Javascript
JS基于VML技术实现的五角星礼花效果代码
2015/10/26 Javascript
关于JavaScript数组你所不知道的3件事
2016/08/24 Javascript
详解Jquery Easyui的验证扩展
2017/01/09 Javascript
jquery实现静态搜索功能(可输入搜索文字)
2017/03/28 jQuery
js获取文件里面的所有文件名(实例)
2017/10/17 Javascript
vue页面切换到滚动页面显示顶部的实例
2018/03/13 Javascript
使用Three.js实现太阳系八大行星的自转公转示例代码
2019/04/09 Javascript
Vue CLI2升级至Vue CLI3的方法步骤
2019/05/20 Javascript
H5实现手机拍照和选择上传功能
2019/12/18 Javascript
javascript使用Blob对象实现的下载文件操作示例
2020/04/18 Javascript
微信小程序实现搜索框功能及踩过的坑
2020/06/19 Javascript
JavaScript前后端JSON使用方法教程
2020/11/23 Javascript
[06:49]2018DOTA2国际邀请赛寻真——VirtusPro傲视群雄
2018/08/12 DOTA
详解Python Socket网络编程
2016/01/05 Python
python八皇后问题的解决方法
2018/09/27 Python
python 列表递归求和、计数、求最大元素的实例
2018/11/28 Python
举例讲解Python常用模块
2019/03/08 Python
Python3实现定时任务的四种方式
2019/06/03 Python
使用 Python 遍历目录树的方法
2020/02/29 Python
Python模拟登入的N种方式(建议收藏)
2020/05/31 Python
CSS3混合模式mix-blend-mode/background-blend-mode简介
2018/03/15 HTML / CSS
CSS3 重置iphone浏览器按钮input,select等表单元素的默认样式
2014/10/11 HTML / CSS
HTML5 canvas实现的静态循环滚动播放弹幕
2021/01/05 HTML / CSS
为您搜罗全球潮流時尚品牌:HBX
2019/12/04 全球购物
俄罗斯一家时尚女装商店:Charuel
2019/12/04 全球购物
鲜花方阵解说词
2014/02/13 职场文书
国际贸易专业个人职业生涯规划
2014/02/15 职场文书
投资协议书范本
2014/04/21 职场文书
毕业生捐书活动倡议书
2015/04/27 职场文书
企业转让协议书(范文2篇)
2019/08/15 职场文书
JavaScript实现两个数组的交集
2022/03/25 Javascript