不错的分页栏效果，当用户鼠标经过时放大显示，当前许多网站都在用的分页栏特效，也可以自定义颜色。
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
.www_wuming_ren a {
float:left;
margin:5px 1px 0 1px;
width:20px;
height:20px;
color: #FFF;
font:12px/20px 宋体;
text-align:center;
text-decoration:none;
border:1px solid #36C;
background-color:#09F;
}
.www_wuming_ren a:hover {
position:relative;
margin:0 -9px 0 -9px;
padding:0 5px;
width:30px;
height:30px;
font:bold 16px/30px 宋体;
color: #039;
border:1px solid black;
background:#eee;
}
</style>
<a href="https://www.wuming.ren">武鸣人</a>，各种信息资源免费发布，分享励志语录经典短句，减肥健身常识，各种js特效代码。网站很好记住，wuming.ren(武鸣拼音.ren域名后缀)<hr>
<!--欢迎来到武鸣人信息资源平台，各种信息免费发布，资源共享合作共赢，分享互联网流行的励志语录经典短句，减肥健身健康小常识及打卡记录，收集各种js特效代码。-->
<script type="text/javascript" src="https://www.wuming.ren/ad/tc.js"></script>
<script type="text/javascript" src="https://www.wuming.ren/ad/a.js"></script>
<div class="www_wuming_ren">
<a href="#">1</a>
<a href="#">2</a>
<a href="#">3</a>
<a href="#">4</a>
<a href="#">5</a>
<a href="#">6</a>
<a href="#">7</a>
<a href="#">8</a>
<a href="#">9</a>
<a href="#">10</a>
</div>