jquerypaginator分页插件x帮助文档

《jquerypaginator分页插件x帮助文档》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、JQueryPaginationPluginJQery分页插件（http://plugins.jquery.com/project/jquery-pagination）SubmittedbyrohitsinghsengaronJanuary8,2010-3:14amAfterusingvariousjQuerypluginsforpagination,IdecidedtowritemyownjQuerypaginatorplugin.Whilecreatingthisplugin,Itriedtoovercomeotherplugin’slimitationsandmakeit

2、easy&highlycustomizabletomeetdemandsofmostofdevelopers.Herearefewfeaturesofthisplugin,特色如下：1)Verysimple.Just1lineofcodetoapplypaginationonanydiv/container.2)Noneedforcreatingextradivsforpagination.3)4stylesofpagination.4)Variousotheroptionslikejumptopage,pageinfoandchangeitemsperpageonfly.5)

3、Easycustomizationandstyling.6)Nicefadingeffectduringchangingofpage.Whyuseit?Oftenyouhavelargenumberofitems/datainadiv,whichnotonlybreaksyourdesignbutalsolooksuglyandlengthy.Applythispluginonthatdivandyouwillgetaniceseamlesspaginationonthatdiv,whichdon’tbreakyourdesignandvisitorscaneasilynavi

4、gatetoalltheitems.Youcanstyleoritcustomizeaccordingtoyourrequirements.SeeDemo.Implementation:1)Downloadlatestjqueryscriptandpaginator.js2)Includebothscriptsinhtmldocumentinheadsection.在html文档的head部分包含以下2行：如下：3)Initiatep

5、aginationbywritingfollowingcodeinheadsectioninside//insteadof,typeinidofthedivonwhichyouwanttocreatepagination.Itsallyouneedtodo.Loadthepageonbrowserandnowyoucanseeasimple,basicpag

6、inationonthepage.SeeDemo.Customization:定制1)StylePaginator:Thereare3classes–paginator(containerforpaginator),active(classforactivepages)andinactive(classforcurrentpage).Wecanapplylittlecssontheseclassestomakepaginatorlookspretty,eitherindocumentitselforinstylesheet.Seedemo有3个class：paginator(用

7、于分页容器),active(用于活动页)andinactive(用于当前页).我们可以应用一点css在这些class上，使得分页看起来漂亮一些。css可以写在html中或者样式表文件中.active{color:#0033CC;border:solid1px#0000FF;padding:3px5px;margin:5px;text-decoration:none;}.inactive{color:#000000;cursor:default;te