Question

我有一个HTML页面，不幸的是我不太了解它。在我的HTML页面中有一个简单的按钮，可以重定向到另一个网站。我想要做的是显示一个弹出窗口，告知用户他正在转移到另一个站点。如果他接受了，那么他会被重定向，如果不是，那么他会留在页面中。

我为之前描述的所有过程制作了一个图形，它是一个简单的GIF动画。我想做的是：

用户单击按钮 gif动画弹出（如果有可能的话，所有背景都是深色的，无法点亮） 2秒后，警报会在gif旁边弹出。

我有一个我想做的例子。 http://imgur.com/8dAf3Xp

Answer 1

试试我在js小提琴中创建的这个样本

fiddle

我使用2个重叠的div来实现此目的，等待2秒，弹出窗口将自动显示。

希望这会有所帮助：）

<强> HTML

    <div id = "pop-out">
    <div id = "message">
        Message goes here
        <button class = "ok"> Ok </button>
    </div>
</div>
<div id = "container">
    Content goes here 
    <button>You can't click me</button>
</div>

<强> CSS

div#pop-out {
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(255,255,255,.2);
    width: 100%;
    height: 100%;
    z-index: 1;
    display: none;
}
div#message {
    width: 50%;
    height: 100px;
    margin: 0 auto;
    border: 1px solid red;
    text-align: center;
    line-height: 100px;
}

<强>的jQuery

$(document).ready(function(){
    setTimeout(function(){
              $("#pop-out").show();     
       },2000);

    $("button.ok").click(function(){
        $("#pop-out").hide();
    });
});

如何在弹出几周后显示动画gif并发出警报

1 个答案: