使用MooTools平滑淡入整个网页

你的问题的答案是做以下事情。

删除CSS opacity:0; 在样式表中,并使用根据您的代码调整后的代码

我从 300 到 3000 以秒为单位来自 .3seconds 到 3seconds .

已链接:

window.addEvent('load', function () {

    $$('body').fade('hide').set('morph', {
        duration: 3000
    }).morph({
        'opacity': '1'
    });


});

扩大:

window.addEvent('load', function () {

    var el = $$('body');

    el.fade('hide'); // hide body tag

    el.set('morph', {duration: 3000});

    $$('body').morph({'opacity': '1'});


});

注意:

我确实同意LifeInTheGrey关于不良做法的观点,但我说过我会回答你的问题。