带上一页下一页和搜索跳转的jquery分页特效

1、新建html文档。

3、初始化css代码。<style>html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td { margin: 0; padding: 0 }img { border: 0 none; vertical-align: top }ul, li { list-style-type: none }h1, h2, h3, h4, h5, h6 { font-size: 14px }body, input, select, button, textarea { font-size: 12px; font-family: "Microsoft YaHei", "微软雅黑", Tahoma, Geneva, sans-serif }button { cursor: pointer }i, em, cite { font-style: normal }body { background: #fff; line-height: 1.2 }a, a:link { text-decoration: none }a:active, a:hover { text-decoration: none }a:focus { outline: none }.fixed:after { content: "."; display: block; clear: both; height: 0; visibility: hidden }</style>

5、书写并添加js代码。<script src="js/lib/jquery.min.js"></script><script src="js/jquery.pagination.js"></script>

7、查看效果。