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]); 

如何=（ '在'， '出'， '显示'， '隐藏'， '切换'，号码）使用的

实施例：

// 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'); 
});