关于在网页中实现 "上一步下一步",求助求思路

发布网友发布时间：2022-06-13 14:29

共3个回答

热心网友时间：2023-10-13 21:59

你以在页面中加N个panel，每个panel里放相应的试题，用viewState[""]记录当前是第几页，通过这个viewstate判断你的上一步、下一步应该显示哪个panel，隐藏哪个panel，至于分数，你可以存放在另外一个viewstate中

热心网友时间：2023-10-13 21:59

可以先写一个页面的模板，因为每一页基本结构基本是不变的唯一变化的就是数据，那么你要做得只有保存好数据了，如果按之前说得一个页面用一个div的话要是100个题目就得100个页面，效率肯定会有问题。你通过点击下一步上一步要传的只有题目内容相关信息就可以了。追问我要做的是类似于百度应用里的驾照考试那种样式

热心网友时间：2023-10-13 22:00

只设计一个panel就好了，然后给这个panel设计一个数据读取功能。
var panel = {};
panel.load = function(data){
...
}
data为你的试题，每道题里面设计一个标志位，标志是第几题。
var datas = [
{sum:1,....},{sum:2,.....}
]
load某一题的时候，将其值获取出来进行处理，点击按钮获取该值，将该值作为datas的“下角标”去里面读取出相应的数据。
如果是上一题，则可以将该值减一处理，然后读取相应的数据，再调取panel.load(datas[s]);
你也可以在每一题中设计上一题和下一题的题目，将题目作为数据名称。
datas['first'] = {last:'',next:'second'......};
datas['second'] = {last:'first',next:'third',......};
....
lastButton.click(function(){
var last = 获取到的last值;
panel.load(datas[last]);
});
nextButton.click(function(){
var next = 获取到的next值;
panel.load(data[next]);
})
这里我用了jquery，你可以根据需要改编成纯javascript代码。

关于在网页中实现 &quot;上一步 下一步&quot;,求助求思路

关于在网页中实现 "上一步下一步",求助求思路