jQuery客户端分页实例代码
发布时间:2020-12-14 23:23:16 所属栏目:资源 来源:网络整理
导读:复制代码 代码如下: 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) {
复制代码 代码如下: <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)); if (pageindex + 1 > pagecount) { pageindex = pagecount; } else { pageindex++; } $("#imgdiv img:gt(" + ((pageindex - 1) * pagesize - 1) + "):lt(" + pagesize + ")").show(); $("#imgdiv img").not($("#imgdiv img:gt(" + ((pageindex - 1) * pagesize - 1) + "):lt(" + pagesize + ")")).hide(); } </script> <div> <a href="javascript:previous()">上一页</a> <div id="imgdiv"> <img src="/images/001.jpg" alt="第一页的第一张"/> <img src="/images/002.jpg" /> <img src="/images/003.jpg" /> <img src="/images/004.jpg" /> <img src="/images/005.jpg" /> </div> <a href="javascript:next()">下一页</a> </div> (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |