MooTools:フェードアウト要素かどうかが判別されます。

StackOverflow https://stackoverflow.com/questions/2034890

  •  19-09-2019
  •  | 
  •  

質問

い要素オブジェクトになっていました。を非表示にします。代わりに、そういったフェードアウトの不透明度の要素の全体(およびその子を100%の隠れての移行の効果もに500ms1000msです。

できます。Tween使用する。こんなことが可能なので--のMooTools枠組みの効果このように、UIのですか？

役に立ちましたか？

解決

使用

 $('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>

他のヒント

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

セットの要素の不透明度を70%にします。または 

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

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

要素法:フェード
要素のショートカット 法tweenとの不透明度.有 のための色の要素とや ある不透明です。

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する

MooToolsはフェード()メソッドです。Tweenパッケージなど こちらの.

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top