jquery show overlay div on page load

Question

我想做一些我见过很多onclick的例子，但我想在用户转到页面时加载div。甚至当您尝试插入超链接时，StackOverflow也会执行此操作（onlcick）。

如何在使用jquery加载页面时创建div覆盖图？

顺便说一句，我已经搜索了一个体面的金额，但无法找到简单的东西，我的jquery简单的头脑可以弄清楚。

感谢您的帮助。

Answer 1

我觉得你在说什么叫做“模态”对话框。

jQuery有很多模态对话框插件。我最喜欢的是“simplemodal”。

它在这里可用：http://www.ericmmartin.com/projects/simplemodal/ 样品也很棒！

从simplemodal网站：

作为一个链接jQuery的功能，你可以调用一个jQuery元素的模态（）函数，并使用该元素的内容显示一个模式对话框。例如：

$（“＃element-id”）。modal（）;

Answer 2

$(document).ready(function() { 
     $thing = $("<div class='newDiv'>"); 
     $("body").append($thing); 
}); 

Answer 3

看一看jQuery UI对话框控件。或者搜索“jQuery lightbox”。总体思路是使用绝对定位的div设置为display:none，并在需要时将其更改为display:block。

Answer 4

$(function(){ // this will run when the document.ready event fires 
    $("#myDivOverlay").show(); // this will show a div whose id is myDivOverlay 
}); 

这有帮助吗？

Answer 5

我组合了这两个东西How to create a stunning and smooth popup using jQuery和Modal box on page load with jquery fancy box and cookie plugin。

Answer 6

你可以试试这个。

<script type="text/javascript"> 
$(document).ready(function() 
{ 
    $(window).load(function() 
     { 
     $('#loading').fadeOut(3000); //fadeout the #loading div after 2000 milliseconds 
     }); 

    $('#loading').css('height','100%'); //Put 100% height to the div 

}); 
</script> 

See full tutorial and download source code。