jquery ajax 分页 java_jquery +ajax 分页实现

分页

a{text-decoration: none}

.content{width:1000px;margin:0 auto;padding-top:50px;}

.left-col{float:left;width:700px}

.right-col{float:right;width:300px}

table{width:100%}

table{border-collapse:collapse;border-spacing: 0}

table tr{border:1px solid #ccc;height:30px;}

table td{border:1px solid #ccc;}

.pages{margin-top:20px;}

.pages span.counts,.pages span.page{border:none;}

.pages em{font-style: normal;margin:0 5px;}

.pages span, .pages a{

display:inline-block;

margin-right:5px;

height:28px;

line-height:28px;

padding:0 5px;

min-width:20px;

border:1px solid #ccc;

text-align:center;

}

.pages .cur{

background: #01AAED;

color:#fff;

}

.pages .disabled{

border:1px solid #ccc;

color:#ccc;