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

Control the Duration Of The Fade Function In MooTools 1.2

本文关键字：淡出 功能 持续时间 淡入 MooTools 控制      更新时间：2023-09-26

我在MooTools 1.2中使用了一个非常简单的fade函数（由于在同一页面上调用另一个函数的复杂性，我不得不使用MooTools 1.2）。我基本上是在页面上淡化一个标题。一切都很好，但我似乎找不到关于如何简单控制持续时间的文档。我发现的所有内容似乎都引用了其他函数，我希望尽可能简单。这是我得到的javascript：

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

因此，正如您所看到的，它获取一个id="myimage2"的图像（我最初用CSS隐藏了它），并在文档准备好时淡入。它会很快消退，我希望它能逐渐消退。有什么想法吗？谢谢

使用上一个问题中的示例-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');
    }
});
相关文章：