MvcPager 分页样式




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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值