prototypejs - 带有脚本的淡入淡出效果

Question

我想淡化 div 的效果，下面的脚本不起作用。可能是什么问题？非常感谢。

function fadeIn(){

    $('test').invoke("fade", {
        from: 0, 
        to: 1,
        afterFinish: function() {

             $('test').setStyle({
                 display: 'block'               
             });           
        }
    });
}

<div class='top'>
    <div id="test" style="display:none">
         Fade in test
    </div>
</div>

<a href="#" onClick="fadeIn(); ">Click me</a>

Answer 1

问题是它invoke是 的一个方法Enumerable，并且$返回一个Element，而不是一个Enumerable。

因为$它实际上是 的别名getElementById，所以它不需要返回一个元素数组（任何给定的 只能有一个元素id，因此只会返回一个元素）。

您可以fade直接在元素上调用：

$('test').fade({
    from: 0, 
    to: 1,
    afterFinish: function() {
        $('test').setStyle({
            display: 'block'               
        });           
    }
});