jquery 在页面加载时显示覆盖 div

Question

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

当使用 jquery 加载页面时，如何制作 div 覆盖？

顺便说一句，我已经搜索了相当多的内容，但找不到我的 jquery 简单头脑可以弄清楚的简单内容。

感谢您的帮助。

Answer 1

我认为你所说的是所谓的“模态”对话框。

有许多 jQuery 模式对话框插件。我最喜欢的是“简单模式”。

此处提供：http://www.ericmmartin.com/projects/simplemodal/
样品也很棒！

来自 simplemodal 网站：

作为链式 jQuery 函数，您可以在 jQuery 元素上调用 modal() 函数，并且将使用该元素的内容显示模式对话框。例如：

$("#element-id").modal();

Answer 2

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

Answer 3

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

那个帮助？

Answer 4

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

Answer 5

我将这两个图结合起来 如何使用 jQuery 和 模态框在页面加载时使用 jquery fancy box 和 cookie 插件。

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>

查看完整教程并下载源代码。