复制代码 代码如下:

<script src="http://www.jb51.netjs/jquery-1.4.1.js" type="text/javascript"></script>

<script type="text/javascript">

var pageindex = 1;

var pagesize = 2;

$(function () {

previous();

})

function previous() {

if (pageindex < 1 || pageindex == 1) {

pageindex = 1;

$("#imgdiv img:lt(" + pagesize + ")").show();

$("#imgdiv img").not($("#imgdiv img:lt(" + pagesize + ")")).hide();

}

else {

pageindex--;

if (pageindex != 1) {

$("#imgdiv img:gt(" + ((pageindex - 1) * pagesize - 1) + "):lt(" + pagesize + ")").show();

$("#imgdiv img").not($("#imgdiv img:gt(" + ((pageindex - 1) * pagesize - 1) + "):lt(" + pagesize + ")")).hide();

}

if (pageindex == 1) {

$("#imgdiv img:lt(" + pagesize + ")").show();

$("#imgdiv img").not($("#imgdiv img:lt(" + pagesize + ")")).hide();

}

}

}

function next() {

var p = $("#imgdiv img").length / pagesize;

var pagecount = parseInt(Math.ceil(p));

if (pageindex + 1 > pagecount) {

pageindex = pagecount;

} else {

pageindex++;

}

$("#imgdiv img:gt(" + ((pageindex - 1) * pagesize - 1) + "):lt(" + pagesize + ")").show();

$("#imgdiv img").not($("#imgdiv img:gt(" + ((pageindex - 1) * pagesize - 1) + "):lt(" + pagesize + ")")).hide();

}

</script>

<div>

<a href="javascript:previous()">上一页</a>

<div id="imgdiv">

<img src="http://www.jb51.netimages/001.jpg" alt="第一页的第一张"/>

<img src="http://www.jb51.netimages/002.jpg" />

<img src="http://www.jb51.netimages/003.jpg" />

<img src="http://www.jb51.netimages/004.jpg" />

<img src="http://www.jb51.netimages/005.jpg" />

</div>

<a href="javascript:next()">下一页</a>

</div>