gpt4 book ai didi

javascript - 让网页看起来完全加载,或者 jQuery 到 MooTools 的翻译

转载 作者:行者123 更新时间:2023-11-28 20:33:37 25 4
gpt4 key购买 nike

我希望网页仅在加载完所有元素后才出现在浏览器中。

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

body {
opacity: 0;
}

– 并将此 jQuery 代码段放在 <head> 中页面的

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

– 平滑地淡入整个页面。

但是,我正在处理的页面已链接到 MooTools 库。我也不想通过将 jQuery 链接到页面来使页面变得更重,但我不熟悉 MooTools,并且需要一些帮助。

问题:我在上面输入的 jQuery 代码片段的确切 MooTools 翻译是什么?

预先感谢您的帮助!

最佳答案

我相信您正在寻找这个:

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

来源here

mootools 源代码中使用 morph 代替 animate here

更多信息

所以$('block')就像说 getElementById('block')获取<div id="block"></div>

$$('body')就像 getElementsByTagName(body)获取<body></body>

$$('.block')还将获得<div class="block"></div>

伟大的来源here

关于javascript - 让网页看起来完全加载,或者 jQuery 到 MooTools 的翻译,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15870359/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com