求一好看易用,好自定义CSS的分页控件! aspnetpager就免了,谢谢 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 .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控件同样可以自定义样式啊……其他的好用的分页控件……我还真没见过……要么就自己写吧…… 同意楼上,其实aspnetpager自定义还行的,诸如应用图片作按钮,定义链接样式等等... <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> 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> 同意楼上,其实aspnetpager自定义还行的 GridView 多列排序要怎么做? 讨论下这样的功能如何实现 请大家推荐几款 asp.net程序漏洞检测工具 利用.net 如何完成维文、老维文、英维文之间的互译 如何在页面第一次运行时就获取DropDownList的值? [求救]关于验证控件和其他控件冲突的问题! 点击按钮重复提交问题?? 到那能下载asp.net1.1版本 在页面上随时引用其它页面怎么做? 关于Windows2000下开发的ASP程序如何移植到NT 4.0!!(急需!) 求一个简单的CMS js 的 word导出 没有反应啊 ,怎么回事
.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控件同样可以自定义样式啊……其他的好用的分页控件……我还真没见过……要么就自己写吧……
<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>