最简单的方法,你可以在每个页数的超链接地址里面填上相应的页面地址,不过这样做出的是静态页面。
还是做成动态的比较好一点。
如下代码,纯手打,和你的一模一样,望采纳:
<style>.pagebox a{
padding:5px 11px
border:1px solid #CE0000
font-size:12px
background-color:#FFF
color:#444
text-decoration:none
}
.pagebox .pageon{
background-color:#CE0000
color:#FFF
}
</style>
<script>
function Cmd(v){
var link = document.getElementById("pagebox").getElementsByTagName("a")
for(var i = 0 i < link.length i++){
link[i].className = ""
}
v.className = "pageon"
}
</script>
<div class="pagebox" id="pagebox">
<a href="javascript:void(0)" onclick="Cmd(this)" class="pageon">首页</a>
<a href="javascript:void(0)" onclick="Cmd(this)">1</a>
<a href="javascript:void(0)" onclick="Cmd(this)">2</a>
<a href="javascript:void(0)" onclick="Cmd(this)">3</a>
<a href="javascript:void(0)" onclick="Cmd(this)">4</a>
<a href="javascript:void(0)" onclick="Cmd(this)">5</a>
<a href="javascript:void(0)" onclick="Cmd(this)">下一页</a>
<a href="javascript:void(0)" onclick="Cmd(this)">末页</a>
</div>