0

yui3 を使用して、フェードイン/フェードアウト効果を実行しています。問題は、クラスを使用してこれを行う方法が見つからないように見えることです (fadein - css クラスを追加し、fadeout - クラスを削除します)。

背景色との間を定義するこの例のみを見つけます。

yui3ではできないの？jqueryを使えばとても簡単です。

4

2 に答える 2

2

はい。すべての YUI ノード オブジェクトには hide() メソッドと show() メソッドがあります。

デフォルトでは、hide() と show() はノードをただちに非表示にします。ただし、「ノード」モジュールと一緒に「トランジション」モジュールもロードする場合は、必要に応じて、hide(true) を呼び出して非表示をフェードに変えることができます。(非常に凝ったカスタム トランジションを行うこともできますが、それが基本的なフェードを行う方法です)。

ノード委譲も示す詳細な例については、 http: //yuilibrary.com/yui/docs/transition/transition-view.htmlを参照してください。より簡略化された例については、https://github.com/yahoo/yui3-cookbook/blob/master/examples/effects/fading.htmlを参照してください。

于 2012-10-21T12:48:20.550 に答える
1

より一般的には、 http: //yulibrary.com/gallery/show/anim-classを使用して、クラスの追加または削除をアニメーション化できます。

于 2012-10-21T15:01:59.240 に答える