jQuery客户端分页实例代码

2020-05-19 07:33:10易采站长站整理


<script src=”/js/jquery-1.4.1.js” type=”text/javascript”></script>
   <script type=”text/javascript”>
       var pageindex = 1;
       var pagesize = 2;
       $(function () {
           previous();
       })
       function previous() {
           if (pageindex < 1 || pageindex == 1) {
               pageindex = 1;
               $(“#imgdiv img:lt(” + pagesize + “)”).show();
               $(“#imgdiv img”).not($(“#imgdiv img:lt(” + pagesize + “)”)).hide();
           }
           else {
               pageindex–;
               if (pageindex != 1) {
                   $(“#imgdiv img:gt(” + ((pageindex – 1) * pagesize – 1) + “):lt(” + pagesize + “)”).show();
                   $(“#imgdiv img”).not($(“#imgdiv img:gt(” + ((pageindex – 1) * pagesize – 1) + “):lt(” + pagesize + “)”)).hide();
               }
               if (pageindex == 1) {
                   $(“#imgdiv img:lt(” + pagesize + “)”).show();
                   $(“#imgdiv img”).not($(“#imgdiv img:lt(” + pagesize + “)”)).hide();
               }
           }
       }
       function next() {
           var p = $(“#imgdiv img”).length / pagesize;
           var pagecount = parseInt(Math.ceil(p));