AspNetPager分页控件定义及应用样式示例介绍
更新时间:2021年9月22日 10:13 点击:1861
网易风格:
首页前页12345678910...后页尾页
CSS样式:
.anpager .cpb {background:#1F3A87 none repeat scroll 0 0;border:1px solid #CCCCCC;color:#FFFFFF;font-weight:bold;margin:5px 4px 0 0;padding:4px 5px 0;}
.anpager a {background:#FFFFFF none repeat scroll 0 0;border:1px solid #CCCCCC;color:#1F3A87;margin:5px 4px 0 0;padding:4px 5px 0;text-decoration:none}
.anpager a:hover{background:#1F3A87 none repeat scroll 0 0;border:1px solid #1F3A87;color:#FFFFFF;}
属性设置:CssClass="anpager" CurrentPageButtonClass="cpb"
--------------------------------------------------------------------------------
拍拍网风格:
首页上一页12345678910...下一页尾页
CSS样式:
.paginator { font: 11px Arial, Helvetica, sans-serif;padding:10px 20px 10px 0; margin: 0px;}
.paginator a {padding: 1px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none;margin-right:2px}
.paginator a:visited {padding: 1px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none;}
.paginator .cpb {padding: 1px 6px;font-weight: bold; font-size: 13px;border:none}
.paginator a:hover {color: #fff; background: #ffa501;border-color:#ffa501;text-decoration: none;}
属性设置:CssClass="paginator" CurrentPageButtonClass="cpb"
--------------------------------------------------------------------------------
迅雷风格:
首页上一页12345678910...下一页尾页
CSS样式:
.pages { color: #999; }
.pages a, .pages .cpb { text-decoration:none;float: left; padding: 0 5px; border: 1px solid #ddd;background: #ffff;margin:0 2px; font-size:11px; color:#000;}
.pages a:hover { background-color: #E61636; color:#fff;border:1px solid #E61636; text-decoration:none;}
.pages .cpb { font-weight: bold; color: #fff; background: #E61636; border:1px solid #E61636;}
属性设置:CssClass="pages" CurrentPageButtonClass="cpb"
首页前页12345678910...后页尾页
CSS样式:
复制代码 代码如下:
.anpager .cpb {background:#1F3A87 none repeat scroll 0 0;border:1px solid #CCCCCC;color:#FFFFFF;font-weight:bold;margin:5px 4px 0 0;padding:4px 5px 0;}
.anpager a {background:#FFFFFF none repeat scroll 0 0;border:1px solid #CCCCCC;color:#1F3A87;margin:5px 4px 0 0;padding:4px 5px 0;text-decoration:none}
.anpager a:hover{background:#1F3A87 none repeat scroll 0 0;border:1px solid #1F3A87;color:#FFFFFF;}
属性设置:CssClass="anpager" CurrentPageButtonClass="cpb"
--------------------------------------------------------------------------------
拍拍网风格:
首页上一页12345678910...下一页尾页
CSS样式:
复制代码 代码如下:
.paginator { font: 11px Arial, Helvetica, sans-serif;padding:10px 20px 10px 0; margin: 0px;}
.paginator a {padding: 1px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none;margin-right:2px}
.paginator a:visited {padding: 1px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none;}
.paginator .cpb {padding: 1px 6px;font-weight: bold; font-size: 13px;border:none}
.paginator a:hover {color: #fff; background: #ffa501;border-color:#ffa501;text-decoration: none;}
属性设置:CssClass="paginator" CurrentPageButtonClass="cpb"
--------------------------------------------------------------------------------
迅雷风格:
首页上一页12345678910...下一页尾页
CSS样式:
复制代码 代码如下:
.pages { color: #999; }
.pages a, .pages .cpb { text-decoration:none;float: left; padding: 0 5px; border: 1px solid #ddd;background: #ffff;margin:0 2px; font-size:11px; color:#000;}
.pages a:hover { background-color: #E61636; color:#fff;border:1px solid #E61636; text-decoration:none;}
.pages .cpb { font-weight: bold; color: #fff; background: #E61636; border:1px solid #E61636;}
属性设置:CssClass="pages" CurrentPageButtonClass="cpb"
相关文章
- AspNetPager控件是一个基于.net的第三方免费开源控件,具有开发高效、使用方便、功能完整等优点...2021-09-22
未能加载文件或程序集“AspNetPager”或它的某一个依赖项。拒绝访问
突然间,访问站点所有页面都出错,全提示:未能加载文件或程序集“AspNetPager”或它的某一个依赖项。拒绝访问...2021-09-22- 在web开发中,常常需要显示一些数据,而为了方便排版及浏览,我们只需要显示所有记录中的一部分。一般情况下,我们采用分页来实现这个需求...2021-09-22
.NET实现Repeater控件+AspNetPager控件分页
本文给大家分享的2个示例,演示AspNetPager最基本的功能,帮助您认识AspNetPager分页控件及了解它的工作原理。有需要的小伙伴可以参考下...2021-09-22gridview+objectdatasource+aspnetpager整合实例
gridview+objectdatasource+aspnetpager整合实例,需要的朋友可以参考一下...2021-09-22- 这篇文章主要介绍了asp.net自定义分页控件示例,大家参考使用吧...2021-09-22
Aspnetpager对GridView分页并顺利导出Excel
这篇文章主要介绍了Aspnetpager对GridView分页并顺利导出Excel的相关资料,需要的朋友可以参考下...2021-09-22- 这篇文章主要为大家详细介绍了.NET分页控件的制作方法和实现原理,感兴趣的小伙伴们可以参考一下...2021-09-22
- AspNetPager分页控件想必大家并不陌生吧,在本文将为大家详细介绍下此控件的css样式定义,感兴趣的朋友可以参考下...2021-09-22
- 这几天要用到AspNetPager来做伪静态分页,找了些资料并把修改过程记录下来。...2021-09-22
- 这篇文章主要为大家详细介绍了asp.net webform自定义分页控件,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2021-09-22
- 本文给大家分享的是一款超好用轻量级MVC分页控件--JPager.Net,小编自己也在使用,非常的不错,推荐给大家。...2021-09-22
AspNetPager分页控件UrlRewritePattern参数设置的重写代码
AspNetPager分页控件UrlRewritePattern参数设置的重写代码,需要的朋友可以参考一下...2021-09-22- 这篇文章主要为大家详细介绍了asp.net web页面自定义分页控件使用,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2021-09-22
- 这篇文章主要教大家学习制作MVC4分页控件,自己动手编写HtmlHelper-Pager分页控件,感兴趣的小伙伴们可以参考一下...2021-09-22
- 这篇文章主要教大家学习制作MVC4分页控件,自己动手编写HtmlHelper-Pager分页控件,感兴趣的小伙伴们可以参考一下...2021-09-22
- 本篇文章,小编将为大家介绍,关于asp.net 自定义分页控件,有需要的朋友可以参考一下...2021-09-22
- 本文主要对AspNetPager.dll这个分页控件进行介绍,它主要用于asp.net webform网站。文章结尾附上实例下载,有需要的朋友可以看下...2021-09-22
- 本篇文章主要对asp.net创建事务的方法进行实例介绍,具有很好的参考价值,需要的朋友一起来看下吧...2021-09-22
- 这篇文章主要介绍了winform分页控件,文中附源码下载地址,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2020-06-25