MooTools: Элемент Fade out?

Question

У меня есть объект Element, который я сейчас вызываю .hide() on. Вместо этого я хотел бы уменьшить прозрачность всего Элемента (и его детей) до 100% (скрытого) в качестве эффекта перехода, возможно, 500 мс или 1000 мс.

Can Fx.Tween будет использоваться для этого? Возможно ли это - имеет ли структура MooTools такой эффект в своей библиотеке пользовательского интерфейса?

Answer 1

Использование

$('myElement').fade('toggle')`; 

он будет автоматически исчезать и исчезать из объекта в зависимости от его состояния.

Пример: HTML

<div style='background-color:black;color:white' id="tweener"> 
     HELLO WORLD 
    </div> 

    <button onclick="javascript:doTween()">TWEEN</button> 

<script type='text/javascript'> 
    function doTween() 
    { 

     $('tweener').fade('toggle'); // out, in are other options available. 
    } 
</script> 

Answer 2

MooTools имеет метод fade() в своем пакете FX.Tween, как видно here.

Answer 3

$('myElement').fade(0.7); 

устанавливает непрозрачность элемента до 70%. Или

$('myElement').fade('out'); // fades the element out. 

http://mootools.net/docs/core/Fx/Fx.Tween#Element:fade

Элемент Метод: выцветает
Элемент ярлыка метод анимации с непрозрачностью. Полезно для затухания элемента и выхода или до определенный уровень непрозрачности.

Answer 4

В MooTools 1.3 вы можете установить опции 'ТВИН', таких, как продолжительность или перехода, как это:

$('tweener').set('tween', {duration: 2000}).fade('out'); 

Смотрите также jsfiddle например http://jsfiddle.net/tofu/VU7Es/

и документы http://mootools.net/docs/core/Fx/Fx.Tween#Element-Properties:tween