翻页css代码怎么用

html-css09

翻页css代码怎么用,第1张

那些只是翻页链接的css样式,基本不包含翻页的功能。

最简单的方法,你可以在每个页数的超链接地址里面填上相应的页面地址,不过这样做出的是静态页面。

还是做成动态的比较好一点。

如下代码,纯手打,和你的一模一样,望采纳:

<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>