怎样才能让与jQuery页面的预加载的效果呢？

我想到的第一件事是做一个容器中，并让它完全在页面loadding的开头画面，虽然元素仍然被加载预加载面具后面，像怎样才能让与jQuery页面的预加载的效果呢？

var window_width = $(window).width(); 
    var window_height = $(window).height(); 

    $('.pre-modal-window').each(function() { 

     var modal_height = parseInt($('.pre-modal-window').css("height")); 
     var modal_width = parseInt($('.pre-modal-window').css("width")); 

     var top = (window_height - modal_height)/2; 
     var left = (window_width - modal_width)/2; 

     $(this).css({ 'top': top, 'left': left }); 

    }) 

     //set display to block and opacity to 0 so we can use fadeTo 
     $('#pre-mask').css({ 'display': 'block', opacity: 0 }).fadeTo(50, 1.0); 

     //show the modal window 
     $('.pre-modal-window').fadeIn(500);

设置它通过使用setInterval（）函数几秒钟（以及我konw它是假的，但我却不知道如何判断元素已经下载了......）后消失。

它就像jQuery插件queryloader不过，简化版，它在工作以及我的project.So我想要写一个我自己

以上时，页面只是在我的网页几个要素唯一的工作中所描述的思想，当元素变得越来越多，再简化版，影响工作......我怎样才能让它显示在页面开始下载？顺便说一句，我怎么能判断所有的元素都已经下载了吗？谢谢

来源

2011-03-01 hh54188

有无该文档看看jQuery的。就绪（）函数：http://api.jquery.com/ready/

从jQuery API：指定函数来执行当DOM 满载。

一个例子是如下：

<script type="text/javascript"> 
$(document).ready(function() { 
    // hide the loading mask here. 
}); 
</script>

来源

2011-03-01 11:53:37 FarligOpptreden

绝对我把jQuery代码在$（函数（）{}）; – hh54188 2011-03-01 11:55:56

我的意思，是在页面的最后定义脚本块，并附加一个事件处理程序，当页面的DOM完全加载执行。我会修改我的答案来说明。 – FarligOpptreden 2011-03-01 11:57:27

怎样才能让与jQuery页面的预加载的效果呢？

回答

相关问题