首页 > 代码库 > 自己改造的Jquery版的分页JS

自己改造的Jquery版的分页JS

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
<title>分页JS代码</title>
<style type="text/css">
.page{margin:2em;}
.page a{text-decoration:none;display:inline-block;line-height:14px;padding:2px 5px;color:#333;border:1px solid #ccc;margin:0 2px;}
.page a:hover,.page a.on{background:#999;color:#fff;border:1px solid #333;}
.page a.unclick,.page a.unclick:hover{background:none;border:1px solid #eee;color:#999;cursor:default;}
</style>
<script	src=http://www.mamicode.com/"/js/jquery-1.7.1.js" type="text/javascript"></script>>

效果图如下:


自己改造的Jquery版的分页JS