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;}
/*
分页控件样式结束
*/

原创粉丝点击