Javascript 使网页显示为完全加载,或使用jQuery进行翻译

Javascript 使网页显示为完全加载,或使用jQuery进行翻译,javascript,jquery,html,dom,mootools,Javascript,Jquery,Html,Dom,Mootools,我希望网页只有在加载完所有元素后才显示在浏览器中 我通常的解决方案是延迟显示页面,直到所有元素完成加载。我在CSS中使用这个: body { opacity: 0; } –并将此jQuery片段放在页面的中 <script type="text/javascript"> $(window).load(function() { $('body').animate({opacity: 1}, 300); }); </script> $(窗口)。加载(函

我希望网页只有在加载完所有元素后才显示在浏览器中

我通常的解决方案是延迟显示页面,直到所有元素完成加载。我在CSS中使用这个:

body {
opacity: 0;
}
–并将此jQuery片段放在页面的

<script type="text/javascript">
$(window).load(function() {
        $('body').animate({opacity: 1}, 300);
}); 
</script>

$(窗口)。加载(函数(){
$('body').animate({opacity:1},300);
}); 
–在整个页面中平滑淡入

然而,我正在处理的页面有MooTools库链接到它。我也不想通过将jQuery链接到页面上使页面变得更重,但我不熟悉MooTools,需要一些帮助

问题:我上面键入的jQuery片段的确切翻译是什么


提前感谢您的帮助

我相信你在找这个:

window.addEvent('load', function() {
  $$('body').set('morph', {duration: 300}).morph({'opacity': '1'});
});
来源

mootools源中的变形而不是动画

进一步资料 所以
$('block')
就像说
getElementById('block')
gets

$$('body')
类似于
getElementsByTagName(body)
gets

$$('.block')
也将获得


伟大的资料来源

我相信您正在寻找:

window.addEvent('load', function() {
  $$('body').set('morph', {duration: 300}).morph({'opacity': '1'});
});
来源

mootools源中的变形而不是动画

进一步资料 所以
$('block')
就像说
getElementById('block')
gets

$$('body')
类似于
getElementsByTagName(body)
gets

$$('.block')
也将获得

大源

“加载”
可能也会起作用,但据我所知,
domready
似乎是首选


“加载”
可能也会起作用,但从我看来,
domready
似乎是首选。

我相信OP是在mootoos中寻找精确的
加载
等价物,如下所示
domready
与JQuery中的
ready
相同您的答案使用
domready
,这与
load
不同,因此您为什么发布
domready
谢谢,@Explosion Pills-这就是我要找的!您的回答还向我揭示了我在引用jQuery代码片段时犯的一个小错误:“gallery”实际上是指“body”。我在问题主体的代码片段中对其进行了更新,以防将来有人读到它并感到困惑。我相信OP是在mootoos中寻找准确的
加载
等价物,如下所示
domready
与JQuery中的
ready
相同您的答案使用
domready
,这与
load
不同,因此您为什么发布
domready
谢谢,@Explosion Pills-这就是我要找的!您的回答还向我揭示了我在引用jQuery代码片段时犯的一个小错误:“gallery”实际上是指“body”。我在问题主体的片段中更新了它,以防将来有人读到它并感到困惑。谢谢你,大卫!但是我应该在{}之间加什么呢?或者它应该是爆炸药片建议的密码吗?嘿,大卫,有些东西不起作用了。我在CSS中将body opacity设置为0,并将您建议的代码放在页面的标题部分的标记之间。但是,页面无法淡入,我只看到背景,而看不到主div。我怀疑我做错了什么。您能帮忙吗?@DimitriVorontzov现在就试试,需要
$
通过标记名获取元素hmm。。。有趣。页面的主体似乎是作为单个实体加载的,但是背景先出现,大约半秒钟后再出现其他内容。还有-如何使淡入变慢?它似乎只是在所有浏览器中弹出…@DimitriVorontzov可能会打开一个新问题并发布您的代码?不要把评论弄得乱七八糟,也不要在聊天室里继续这段对话??谢谢你,大卫!但是我应该在{}之间加什么呢?或者它应该是爆炸药片建议的密码吗?嘿,大卫,有些东西不起作用了。我在CSS中将body opacity设置为0,并将您建议的代码放在页面的标题部分的标记之间。但是,页面无法淡入,我只看到背景,而看不到主div。我怀疑我做错了什么。您能帮忙吗?@DimitriVorontzov现在就试试,需要
$
通过标记名获取元素hmm。。。有趣。页面的主体似乎是作为单个实体加载的,但是背景先出现,大约半秒钟后再出现其他内容。还有-如何使淡入变慢?它似乎只是在所有浏览器中弹出…@DimitriVorontzov可能会打开一个新问题并发布您的代码?不要把评论弄得乱七八糟,也不要在聊天室里继续这段对话??