MvcPager 分页样式
来源:互联网 发布:戴维森学院 知乎 编辑:程序博客网 时间:2024/06/04 01:28
<!--翻页begin-->
<div style="float:left;">
@Html.Pager(Model, new PagerOptions{PageIndexParameterName = "id",CurrentPagerItemWrapperFormatString = "<span class=\"cpb\">{0}</span>",NumericPagerItemWrapperFormatString = "<span class=\"item\">{0}</span>", ShowPageIndexBox = true,ShowFirstLast = false, NumericPagerItemCount= 8, PageIndexBoxWrapperFormatString = "到第 {0} 页 ",GoToPageSectionWrapperFormatString = "<span class=\"gotoPage\">{0}</span>", CssClass = "pages",SeparatorHtml = ""})
</div>
@if (@Model.TotalPageCount > 0)
{
<div style="color:#505050; vertical-align:bottom;height:25px; line-height:25px;">共 @Model.TotalPageCount 页</div>
}
<div class="cl"></div>
<!--翻页end-->
/*
分页控件样式开始
*/
.pages { color:#999999; font-size:12px; padding-bottom:5px;}
.pages .item a{padding: 3px 8px;font-size: 13px;} /*数字页索引样式*/
.pages .cpb {color:#125FA5;border:1px solid #125FA5; background-color:#B9DFFF; padding: 3px 8px;font-size: 13px;} /*当前页样式*/
/*ie6跳转txt样式*/
.pages .gotoPage input
{
width: expression((this.type=="text") ? "30px" : "style");
}
.pages .gotoPage input[type="text"]{width:30px; height:18px;}
.pages .gotoPage input[type="button"]{width:44px; height:23px;cursor:pointer; color:#999999; background-color:#FFFFFF; border:1px solid #DDDDDD; font-size:13px;}
.pages .gotoPage input[type="button"]:hover{width:44px; height:23px;cursor:pointer; color:#125FA5; background-color:#B9DFFF; border:1px solid #125FA5; font-size:13px;}
/*ie6跳转button样式*/
.pages .gotoPage input
{
background-color: expression((this.type=="button") ? "#FFFFFF" : "style");
color: expression((this.type=="button") ? "#999999" : "style");
cursor: expression((this.type=="button") ? "pointer" : "style");
}
.pages a { text-decoration:none;padding: 3px 8px; border: 1px solid #ddd;margin:0 2px; color:#999999;font-weight:normal;font-size: 13px;}
.pages a:visited {text-decoration:none;padding: 3px 7px; margin:0 2px; color:#999999;font-weight:normal;font-size: 13px;}
.pages a:hover { background-color: #B9DFFF; color:#125FA5;border:1px solid #125FA5; text-decoration:none;font-weight:normal;}
/*
分页控件样式结束
*/
- MvcPager 分页样式
- MVC MvcPager Ajax分页
- MVC MvcPager 普通分页
- mvcPager Ajax分页
- About MVCPager 分页
- MVCpager 分页 实例
- MvcPager分页控件
- MvcPager分页控件的使用
- MvcPager控件实现列表分页
- .net mvc 分页,pagedlist,mvcpager
- Asp.net MVC使用MvcPager进行分页
- Asp.net MVC使用MvcPager进行分页
- MVC3 使用mvcpager实现数据分页
- MvcPager分页控件的使用2
- 基于bootstrap的mvcpager简单分页
- MVCPager 分页: 异步和同步Demo
- .NET mvcpager分页插件的使用
- MVC3使用MvcPager实现简单分页功能
- Android 怎么退出整个应用程序?
- (按键)深入分析J2ME平台MIDP低级事件处理机制
- 设计模式-概念总结-2
- java读取properties文件
- oracle insert 全解
- MvcPager 分页样式
- 一条进程的栈区、堆区、数据区和代码区在内存中的映射
- java 传址或传值
- 三种方式实现视频的播放
- CPU+GPU将开启HPC新时代
- 基础部分-JDBC增删改查
- jQuery学习笔记(二)-jquery在google的一些在线资源
- Ubuntu五笔输入法的安装过程
- 用Javascript评估用户输入密码的强度