jQuery实现ajax无刷新分页页码控件(3)

/* CSS Document */ /*分页*/ #pageGro{ width:400px; height:25px; margin:20px auto;} #pageGro div,#pageGro div ul li{ font-size:12px; color:#999; line-height:23px; float:left; margin-left:5px;} #pageGro div ul li{ width:22px; text-align:center; border:1px solid #999; cursor:pointer;} #pageGro div ul li.on{ color:#fff; background:#3c90d9; border:1px solid #3c90d9;} #pageGro .pageUp,#pageGro .pageDown{ width:63px; border:1px solid #999; cursor:pointer;} #pageGro .pageUp{ text-indent:23px; background:url(../img/pageUp.png) 5px 7px no-repeat;} #pageGro .pageDown{ text-indent:5px; background:url(../img/pageDown.png) 46px 6px no-repeat;}

页码控件中使用的上下页图标:

上一页


下一页


以上所述是小编给大家介绍的jQuery实现ajax无刷新分页页码控件,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

您可能感兴趣的文章:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wwzdzs.html