Javascript 使网页显示为完全加载,或使用jQuery进行翻译
我希望网页只有在加载完所有元素后才显示在浏览器中 我通常的解决方案是延迟显示页面,直到所有元素完成加载。我在CSS中使用这个: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> $(窗口)。加载(函
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可能会打开一个新问题并发布您的代码?不要把评论弄得乱七八糟,也不要在聊天室里继续这段对话??