javascript - MooTools 在桌子上的淡入/淡出效果

Question

我正在使用 MooTools 库。我希望我的淡入淡出效果对表 id

<table id="myId"></table>

我有工作点击事件

aNextCal.addEvent('click',function(){
    //Click Event working here i want fade in fadeout code 
    this.showNextWeek();
}.bind(this));`

请建议

Answer 1

There is the default fade function to every element

document.id('myId').fade('out'); //hide
document.id('myId').fade('in'); //show

If you need something more complex to control the effect use Tween:

new Fx.Tween('myId', {
    duration: 4000,
    property: 'opacity',
    onComplete: function(){
         alert('hide');   
    }
}).start(0);

Answer 2

Mootools 有一个方法fade，用于淡入/淡出元素。

myElement.fade([how]);

how = ('in', 'out', 'show', 'hide', 'toggle', number)

使用示例：

// simple example
$('myId').fade('out');

// setting up element with options
$('myId').set( 'tween', { 
    duration: 400,
    transition: 'quad:out'
});

$('myButton').addEvent('click', function(){
    $('myId').fade( 'toggle' );
});