Question

我正在尝试在页面加载后显示一个弹出框。有没有人知道一个可以帮助解决这个问题的好教程。

Answer 1

使用jquery在页面加载上执行某些操作：

$(document).ready(function(){
  // do something
});

要打开弹出窗口，请使用window.open() javascript函数：http://www.w3schools.com/jsref/met_win_open.asp。

Answer 2

正如@Liam Sorsby建议你可以使用colorbox

这是一个简单的例子

<link rel="stylesheet" href="http://www.jacklmoore.com/colorbox/example1/colorbox.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="http://www.jacklmoore.com/colorbox/jquery.colorbox.js"></script>
<script type="text/javascript"> 
    $(document).ready(function(){
       $.colorbox({width:"30%", inline:true, href:"#subscribe"});
    }); 
</script>
<div id='subscribe' title='sub' style='padding:10px; background:#fff;'>
    <p><strong>Light box test wellcom to help.</strong>
    </p>
</div>

jsfiddle demo

Answer 3

您可以使用jquery知道何时加载页面，并使用alert（）弹出一个框（see here），如下所示：

在你的HEAD部分：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

在您的BODY部分：

$(document).ready(function () {
   alert("Hello")
});

页面加载时创建一个弹出框

3 个答案: