求一好看易用，好自定义CSS的分页控件！

Question

aspnetpager就免了，谢谢

Answer 1

.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;color:#555555;}
.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: #6EAD3A;border-color:#6EAD3A;text-decoration: none;}<webdiyer:AspNetPager ID="AspNetPager1" runat="server" OnPageChanged="AspNetPager1_PageChanged"
                                            PageIndexBoxType="DropDownList" ShowPageIndexBox="Always" SubmitButtonText="Go"
                                            TextAfterPageIndexBox="条" TextBeforePageIndexBox="转到" PageSize="1" NextPageText="下一条" PrevPageText="上一条" CssClass="paginator" CurrentPageButtonClass="cpb" NumericButtonCount="4">
                                        </webdiyer:AspNetPager>
aspnetpager控件同样可以自定义样式啊……其他的好用的分页控件……我还真没见过……要么就自己写吧……

Answer 2

同意楼上，其实aspnetpager自定义还行的，诸如应用图片作按钮，定义链接样式等等...

Answer 3

<style type="text/css"> 
.pagination{ padding: 2px; } 
.pagination ul{ margin: 0; padding: 0; text-align: left; /*Set to "right" to right align pagination interface*/ font-size: 16px; } 
.pagination li{ list-style-type: none; display: inline; padding-bottom: 1px; } 
.pagination a, .pagination a:visited{ padding: 0 5px; border: 1px solid #9aafe5; text-decoration: none;  color: #2e6ab1; } 
.pagination a:hover, .pagination a:active{ border: 1px solid #2b66a5; color: #000; background-color: lightyellow; } 
.pagination li.currentpage{ font-weight: bold; padding: 0 5px; border: 1px solid navy; background-color: #2e6ab1; color: #FFF; } 
.pagination li.disablepage{ padding: 0 5px; border: 1px solid #929292; color: #929292; } 
.pagination li.nextpage{ font-weight: bold; } 
* html .pagination li.currentpage, * html .pagination li.disablepage{ /*IE 6 and below. Adjust non linked LIs slightly to account for bugs*/ margin-right: 5px; padding-right: 0; }  </style> 

Answer 4

HTML<div class="pagination"> <ul> <li class="disablepage">???? previous</li> <li class="currentpage">1</li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> <li><a href="#">4</a></li> <li><a href="#">5</a></li> <li><a href="#">6</a></li> <li><a href="#">7</a></li> <li><a href="#">8</a></li> <li><a href="#">9</a>...</li> <li><a href="#">15</a></li> <li><a href="#">16</a></li> <li class="nextpage"><a href="#">next ????</a></li> </ul> </div> 

Answer 5

同意楼上，其实aspnetpager自定义还行的