javascript - Web ページを完全に読み込まれたように見せる、または jQuery から MooTools への変換

Question

すべての要素の読み込みが完了した後でのみ、Web ページをブラウザーに表示したいと考えています。

私の通常の解決策は、すべての要素の読み込みが完了するまでページの表示を遅らせることです。私はCSSでこれを使用します：

body {
opacity: 0;
}

– そして、この jQuery スニペットを<head>ページの

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

– ページ全体をスムーズにフェードインします。

ただし、私が取り組んでいるページには MooTools ライブラリがリンクされています。jQuery をリンクしてページをさらに重くしたくはありませんが、MooTools に慣れていないので、少し助けてもらえます。

質問:上で入力した jQuery スニペットの正確な MooTools 翻訳は何ですか?

よろしくお願いします。

score 2 · Accepted Answer

私はあなたがこれを探していると信じています：

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

ここのmootoolsソースでアニメーション化する代わりにモーフ

そう$('block')言うようなものgetElementById('block')です<div id="block"></div>

$$('body')getElementsByTagName(body)取得するようなものです<body></body>

$$('.block')も得ます<div class="block"></div>

ここの素晴らしいソース

score 1 · Accepted Answer

window.addEvent('domready', function () {
    $("gallery").set('morph', {duration: 3000})
    .morph({opacity: 1});
});

'load'おそらくうまくいくでしょうが、私が見ることができるdomreadyものからは好まれているようです。

2 に答える 2