JavaScript经典实例之分页（简单易用）原生js封装分页（一次性数据

background-color: #FFFFFF;

border-collapse: collapse;

border-Color: #E2B801;

width:60%;

}

.pager{padding:0;margin:0;white-space:nowrap}

.pager li{list-style:none;font-family:arial;font-size:14px;padding:2px;margin:5px;border:#333 1px solid;text-align:center;border-radius:5px;max-width:80px;width:25px;height:22px;line-height:22px;cursor:pointer;background:#fff;display:inline-block}

.pager li:hover{border:#4876ff 1px solid;color:#4876ff}

.pager li.pg-hidepage{display:none}

.pager li.pg-prev,li.pg-next{width:80px}

.pager li.pg-selected{border:#4876ff 1px solid;background:deepskyblue;color:white}

.pager li.pg-selected:hover{color:#000;cursor:default}

.pager li.pg-dislabel{color:#ccc;border:#ccc 1px solid;cursor:default}

.pager li.pg-dislabel:hover{border:#ccc 1px solid}