您的位置:首页 > 编程语言 > ASP

一个asp.net MVC 的分页代码

2012-03-28 19:51 896 查看
哈哈,这个博客的处女文啦~~

首先声明,这个分页代码并不是出自我手哈,借用了网上的一段代码,然后加了个css,变的好看一些啦~~

原作者忘记是谁了,实在找不到了……万分抱歉啊~~

效果如下:

1 .pager
2 {
3     font-size: 12px;
4     margin: 8px 0;
5     padding: 3px 0 3px;
6     text-align: left;
7 }
8
9 .pager .current
10 {
11     background-color: #06c;
12     border: 1px solid #009;
13     color: #fff;
14     font-weight: bold;
15     margin-top: 4px;
16     padding: 3px 5px;
17     text-align: center;
18 }
19
20 .pager a
21 {
22     margin: 4px 3px;
23     border: 1px solid #9AAFE5;
24     padding: 3px 5px;
25     text-align: center;
26     text-decoration: none;
27     color: #2E6AB1;
28 }
29
30 .pager .pagerInput
31 {
32     padding: 3px 0 0 0;
33     border: 1px solid #9AAFE5;
34     text-align: center;
35     text-decoration: none;
36     height: 16px;
37     width: 30px;
38 }
39 .pager .pagerButton
40 {
41     border: 1px solid #9AAFE5;
42     cursor: pointer;
43 }
44

复制代码

View中使用:

1 <div class="pager">
2         <%= Html.Pager("page", 10,300))%>
3 </div>

复制代码
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: