我在用intro.js http://introjs.com/为我的网站创建一个小介绍。我希望游览从第 1 页(主页)-2(另一页),然后回到第 1 页(主页)。
我已经成功地从第 1-2 页开始,但不确定如何让它返回到第 1 页。我对 javascript 非常不熟练,所以这可能是一个简单的解决方案,但我在网上找到的解决方案不起作用。
处理页面切换的代码:
Home
<script type="text/javascript" src="js/intro.js"></script>
<script type="text/javascript">
document.getElementById('startButton').onclick = function() {
introJs().setOption('doneLabel', 'Next page').start().oncomplete(function() {
window.location.href = '../mtcook/mtcook.html?multipage=true';
});
};
</script>
第二页(称为 mtcook):
<script type="text/javascript" src="js/intro.js"></script>
<script type="text/javascript">
if (RegExp('multipage', 'gi').test(window.location.search)) {
introJs().start();
}
</script>
在第二页中,您不能执行第一页中所做的操作,因此如下所示:
<script type="text/javascript" src="js/intro.js"></script>
<script type="text/javascript">
if (RegExp('multipage', 'gi').test(window.location.search)) {
introJs().setOption('doneLabel','Next page').start().oncomplete(function() {
window.location.href = '../mtcook/index.html' // or whatever your original page is
});
}
</script>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)