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');
    }
});