javascript - 如何实现同一个页面 点击上一题或者下一题时内容可以来回切换，比如说我截得这个图。求大神指导。

Question

Answer 1

题目量那么少，就一次性加载好所有的题目，只是在视图上分一题一题展示就好了，上一题下一题无非是改变了目前展示的题目的编号，根据这个编号去显示题目就好了

Answer 2

你是想说内容切换但是页面不刷新的方式么？
如果是的话，了解下ajax

Answer 3

如果你做过p轮播的话，照p轮播效果做就行了

Answer 4

1. 分页可以实现

2. 路由可以实现

3. 幻灯片插件可以实现

Answer 5

有多种办法来实现你的需求, 至于你的数据怎么获取, 就不说了(你可以通过后台直接传过来, 也可以通过ajax去后台等等), 在这里说下比较简单的实现思路.

1. 上一题 下一题 两个按钮单独放在一个块元素内.

2. 所有的题需要有索引, 且每个题都由一个p(或块元素)包裹起来.

3. 初始显示的索引为0的题, 当点击下一题时, 只有索引为1的题显示, 其他都隐藏(这个主要通过控制当前索引的p的显示或隐藏来实现).当达到临界值是, 上一题或下一题的按钮无法点击.

希望对你有所帮助!

Answer 6

这就是简单的选项卡知识

Answer 7

layer.js 这个插件 的“上一页 下一页” 链接....分页