javascript - 控制MooTools 1.2中淡入淡出功能的持续时间

Question

我在 MooTools 1.2 中使用了一个非常简单的淡入淡出函数(由于在同一页面上调用另一个函数会导致复杂化，我“必须”使用 MooTools 1.2)。我基本上是在页面上淡入标题。一切都很好，但我似乎找不到有关如何简单地控制持续时间的文档。我发现的所有内容似乎都引用了其他函数，我想使其尽可能简单。这是我得到的 JavaScript:

window.addEvents({
    load: function(){
        var singleImage = $('myimage2');
        singleImage.set('styles', {
            'opacity': 0,
            'visibility': 'visible'
        });
        singleImage.fade('in');
    }
});

如您所见，它采用 id="myimage2"的图像(我最初用 CSS 隐藏了该图像)，并在文档准备好时淡入。它消失得很快，我希望它能逐渐消失。有任何想法吗？谢谢。

Answer 1

使用上一个问题中的示例 - http://jsfiddle.net/RNeS5/208/

// set-up an event on the browsers window
window.addEvents({

    // be sure to fire the event once the document is fully loaded
    load: function(){

        // assing 'singleImage' variable to the image tag with the 'image' ID
        var singleImage = $('image');

        // set a bunch of CSS styles to the aforementioned image
        singleImage.set('styles', {
            'opacity': 0,
            'visibility': 'visible'
        });

        // fade in the image
        singleImage.set('tween', { duration: 2000 }).fade('in');
    }
});