jQuery实现的分页功能示例

前端之家收集整理的这篇文章主要介绍了jQuery实现的分页功能示例前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

本文实例讲述了jQuery实现的分页功能分享给大家供大家参考,具体如下:

1、分页栏HTML码

2、CSS样式文件

分页*/ .g-pager{ text-align:center; color: #111111; font: 12px/1.5em Arial,Tahoma; float: right;} .g-pager a,.g-pager input{ cursor:pointer; border:solid 1px #0F71BE; padding:1px 4px; color:#0F71BE; margin:0 2px; vertical-align:middle; } .g-pager a.cur,.g-pager a:hover{ background-color:#0F71BE; color:#fff} .g-pager a.no{ border-color:#A3A3A3; color:#A3A3A3; background-color:#E4F2F9} .g-pager span{ margin-right:10px; } .g-pager input{ cursor:default; width:28px; padding:1px 2px; } .g-pagerwp{ height:23px; line-height:23px;padding:5px; margin-bottom:10px; border: 1px solid #DDDDDD;} .g-pagerwp .g-btn{ vertical-align:top}

3、JS脚本文件

① 引用JQuery和分页脚本

猜你在找的jQuery相关文章