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

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

1 个答案: