mootools fx.reveal

mootools fx.reveal

本文关键字：reveal fx mootools      更新时间：2023-09-26

我正在尝试使用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();
}

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

我知道这不是最好的答案，正如您使用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();
});

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

相关文章：