javascript - 继续按钮不关闭框

Question

所以我创建了这个站点，它的中心有一个框，当我在右下角按 continue 时，我希望该框消失并显示它后面的站点。

我怎样才能做到这一点？我不是一个强大的编码员，但在一些指导下我可能会做到。预先感谢大家的帮助。

我附上了一张图片以防我的解释不好。（我想我没有足够的声誉这样做）:(也不确定我是否将这个问题放在正确的论坛中......

-萨！

Answer 1

这是执行您可能描述的操作的一种方法：

您需要一个div带有id属性的按钮，以及一个带有id也的按钮：

<div id='overlay'><button type='button' id='btncontinue'>Continue</button></div>

你可以用这样的 CSS 来设置它的样式（也许）：

#overlay {
    background:black;
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%;
    z-index:1000;
}

您可以像这样切换叠加层：

document.getElementById('btncontinue').onclick = function() {
    document.getElementById('overlay').style.display = 'none';
}

---

只是为了踢，获得宽度 100% 和高度 100% 的一种有趣的替代方法是：

#overlay {
    background:black;
    bottom:0;
    left:0;
    position:absolute;
    right:0;
    top:0;
    z-index:1000;
}