javascript - mootools fx.reveal

Question

我正在尝试使用 mootools 1.4 中的 fx.reveal 为消息 div 进行简单的显示/隐藏转换。该效果第一次起作用，但在随后的点击中不起作用。

关于我哪里出错的任何提示？

http://jsfiddle.net/MYgH6/1/

var mytween = new Fx.Reveal(document.getElementById('mydiv'), {duration: 2500});

$('myclick').addEvent('click', function(){
    mymessage();
});

function mymessage(){
    var mymessage = document.getElementById('mydiv');

    mymessage.set('html','YO!');

    mytween.reveal();
    mytween.dissolve();
}

Answer 1

var mytween = new Fx.Reveal(document.getElementById('mydiv'), {
    duration: 1000,
    onComplete:function(){
        this.element.dissolve();
    }
});

$('myclick').addEvent('click', function(){
    mymessage();
});

function mymessage(){
    var mymessage = document.getElementById('mydiv');

    mymessage.set('html','YO!');

    mytween.reveal();
}

Answer 2

我知道这不是最佳答案，正如您使用 Fx.Reveal 指定的那样，但我会使用 wink 命令 http://mootools.net/docs/more/Fx/Fx.Reveal#Element:wink

喜欢这里：http: //jsfiddle.net/zalun/MYgH6/5/

var msg = document.getElementById('mydiv').hide();
$('myclick').addEvent('click', function() {
    msg.wink();
});

您当然可以像以前一样在函数中指定消息。