HTML5和javascript中的lightbox

HTML5和javascript中的lightbox,javascript,html,Javascript,Html,我做了一个应用程序,其中我做了一个拼图游戏。拼图正在进行中,但我想展示灯箱效果。我在网络上有一些例子,在点击链接时会显示灯箱,但我想在游戏结束时使用它。。有人能用一个例子更好地解释一下怎么做吗 游戏结束后将此添加到javascript函数中 document.getElementById("yourlightBoxContent").style.display='block'; document.getElementById("opacityless").style.display ='bloc

我做了一个应用程序,其中我做了一个拼图游戏。拼图正在进行中,但我想展示灯箱效果。我在网络上有一些例子,在点击链接时会显示灯箱,但我想在游戏结束时使用它。。有人能用一个例子更好地解释一下怎么做吗

游戏结束后将此添加到javascript函数中

document.getElementById("yourlightBoxContent").style.display='block';
document.getElementById("opacityless").style.display ='block';
和不透明的css

#opacityless{
    display: none;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index:1001;
    -moz-opacity: 0.8;
    opacity:.80;
    filter: alpha(opacity=80);
}

如图所示

向您展示代码,以便我们可以帮助您