jQuery 分页插件 jqPagination

效果:


代码:   在线编辑

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<script type="text/javascript" src="http://www.ostools.net/jquery/jquery-1.7.2.js"></script>
<script type="text/javascript" src="http://beneverard.github.com/jqPagination/js/jquery.jqpagination.js"></script>
<script type="text/javascript">
$(function(){
    $('.pagination').jqPagination({
        paged: function(page) {
            // do something with the page variable
        }
    });
});
</script>
<div class="pagination">
    <a href="#" class="first" data-action="first">&laquo;</a>
    <a href="#" class="previous" data-action="previous">&lsaquo;</a>
    <input type="text" readonly="readonly" data-max-page="40" />
    <a href="#" class="next" data-action="next">&rsaquo;</a>
    <a href="#" class="last" data-action="last">&raquo;</a>
</div>