1

私はjqueryプロトタイプライブラリを使用して以下のようなコーラを持っています:

        new Effect.SlideDown(this.imageDataContainer, { sync: true, duration: this.resizeDuration, from: 0.0, to: 1.0 }), 
        new Effect.Appear(this.imageDataContainer, { sync: true, duration: this.resizeDuration })

このコードは、imageDataContainer 要素を 0 Opacity から 1 Opacity にスライドさせます。

jquery.com Web サイトからダウンロードした新しい jquery ライブラリを使用して上位コードを実装するにはどうすればよいですか?

slideDown の構文は次のようになります: http://www.w3schools.com/jquery/eff_slidedown.asp

私はslideDown関数とfadeTo関数がjqueryでどのように機能するかを知っています/しかし、どうすればそれらを上のコードのように組み合わせることができますか?

私は以下のコードをテストします - しかし、不透明度を変更することはできません - - DURING - - トグル:

          $('#lightbox-container-image-data-box').animate({
            opacity: 0,
            height: 'toggle',
            opacity: 1
          }, 400, function() {
            // Animation complete.
          });

ありがとう 4 注意

4

1 に答える 1

3

そのためにanimate()を使用します。animate を使用すると、要素の任意の数のプロパティをアニメーション化できます。

以下のコードのデモを確認してください: http://jsfiddle.net/chrisramakers/8ewEp/ 

$('#book').hide();
$('#book').animate({
  opacity: 'toggle',
  height: 'toggle'
});
于 2011-03-29T06:05:24.383 に答える