Question

我想在用户进入我的网站时自动打开弹出窗口。最简单的方法是什么？

弹出窗口应位于div
应关闭按钮以关闭弹出窗口

我已经尝试过使用jquery和CSS的几个解决方案，但有时候关闭按钮并没有关闭弹出窗口，而有时候其他解决方案的脚本根本没用。

Answer 1

你可以这样做：

<强> HTML

<div class="popup"><span class="close">close</span>..</div>

<强> CSS

.popup{ 
  display: none;
  ...
}

<强>的jQuery

$(document).ready(function(){
   $('.popup').show();

   $(".close").click(function(){
   $(".popup").hide();
   });
})

Answer 2

我通常会使用jQuery UI对话框，但是如果你想要更简单的东西，请转到：

如果这是你的html div：

<div id="popup">
    <h1>Welcome</h1> 
    <span id="closePopup">Close</span>
</div>

这是你的CSS（弹出的定位可能不完美，这很粗糙）：

#popup{
    display:none;
    position:absolute;
    top:150px;
    width:50%;
    left:25%;
}
#popupClose{
    cursor:pointer;
    text-decoration:underline;
}

然后这是你的javascript（jquery）：

$(document).ready(function(){
    $('#popup').show(); //show the pop up on page load
    $('#popupClose').click(function(){  //when the user clicks on the word close
        $('#popup').close();  //close the pop up
    });
});

自动打开弹出窗口的最简单方法是？

2 个答案: