思路：
通过 hide() 隐藏和 show() 显示。
点击当前页中的下一页按钮，先获取这一页的index索引。
获取索引，除了下一页所有页面隐藏。

HTML：

<div class="items-top"><div class="top"><i class="iconfont icon-fanhui"></i><i class="iconfont icon-gengduo"></i><div class="inner" ><p>你好</p></div></div><div class="top"><i class="iconfont icon-fanhui"></i><i class="iconfont icon-gengduo"></i><div class="inner" ><p>HELLO</p></div></div>
</div>

JQ：

        var top = $(".top");top.hide();$(".items-top .top").eq(0).show();//下一 页$(".icon-gengduo").click(function () {var num = $(this).parent().index() + 1;top.hide();$(".items-top .top").eq(num).show();if (num == top.length) {$(".items-top .top").eq(0).show();}});//上一页$(".icon-fanhui").click(function () {var num = $(this).parent().index() - 1;top.hide();console.log(num);$(".items-top .top").eq(num).show();});

eayUi panel实现上一页下一页
function 是为了第一次加载的时候显示页面 butt1和butt2触发上一页下一页,后面绑定参数即可问题:.panel({href:href})到后台的时候会请求两次,这个问题还没有解决把 ...
php分页上一页下一页判断,一个分页函数：显示“上一页下一页”等
'************************************************** '函数名:ShowPage '作用:显示"上一页下一页"等信息 '参数 ...
简单分页，无需插件实现上一页|下一页分页功能
分页功能五花八门,插件的使用也很方便.最近做项目,分页功能是写好的了,利用bootstarp 简单实现的, 类似于这种但由于数据越来越多,这种循环的方式很不好看.于是想到上一页| 下一页分页的 ...
翻页 java_jsp实现上一页下一页翻页功能
[导读]前段时间一直忙于期末考试和找实习,好久没写博客了.这段时间做了个小项目,包含了翻页和富文本编辑器Ueditor的两个知识点,Ueditor玩的还不是很深,打算玩深后再写篇博客. 前段时间一直忙 ...
php下一页的代码,PHP简单实现上一页下一页功能示例
本文实例讲述了PHP简单实现上一页下一页功能.分享给大家供大家参考,具体如下: 思路整理: 现在好多人用id的增1和减1实现上一篇和下一篇,但是难道文章ID不会断了吗?所以你要知道上个ID和个ID是多 ...
jquery实现上一页下一页
简单说一下思路:就是把每个页面都用position:absolute的属性使每个页面都从叠在一起.然后通过$().hide()隐藏和$().show()显示.点击当前页中的下一页,先获取这一页的ind ...
php分页不跳转,分页源代码，分页时上一页下一页不显示，但可以跳转
分页源代码,分页时上一页下一页不显示,但可以跳转 $sql="select * from product where pronum like'%$key%' or pdes like '%$ ...
html分页首页上一页下一页,HTML静态分页（形如：首页，上一页，下一页，尾页）...
在HTML中有时候我们会用到静态分页,一次拿回一定量的数据结果条目,我们会以形如:第2页,共12页首页上一页下一页尾页的方式进行静态分页,以下是该种静态分页的代码,供兄弟姐妹们参考. fu ...
用数据库的方式编辑上一页下一页
实现文章上一页下一页的效果通过调用数据库 using(SqlConnection con=new SqlConnection(@"server=..")) { Guid a ...
Asp.net(c#)GridView分页时用图片显示上一页,下一页
Asp.net(c#)GridView分页时用图片显示上一页,下一页效果展示: 需要的两张图片: 详细代码: Code <%@ Page Language="C#" ...

JQ-页面的上一页下一页切换

JQ-页面的上一页下一页切换相关推荐

最新文章

热门文章