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

每个元素都有默认的淡入淡出功能

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

如果您需要更复杂的东西来控制效果，请使用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' );
});