タグ

2015年3月30日のブックマーク (2件)

  • エフェクト操作:基本|jQuery APIリファレンス|Ajax|PHP & JavaScript Room

    マッチした要素をアニメーションしながら表示します。 オプションの第2引数callbackを指定した場合は、要素のアニメーション完了時に指定したコールバック関数を実行します。 マッチした各要素の高さ・幅・透明度は、指定した速度にしたがって動的に変更されます。 jQuery v1.3からは、paddingとmarginがより滑らかにアニメーションされるようになりました。 第1引数speedには、要素を表示時のアニメーション速度を指定します。 数値(ミリ秒)あるいは文字列を指定可能です。 数値の場合、例えば3秒なら「3000」を指定します。 文字列の場合、あらかじめ定義されている速度(「slow」(ゆっくり)、「normal」(通常)、「fast」(速く))のいずれかを指定します。 オプションの第2引数callbackには、アニメーションが完了した時に実行する関数を指定します。 関数が実行される

    エフェクト操作:基本|jQuery APIリファレンス|Ajax|PHP & JavaScript Room
    yoruaki
    yoruaki 2015/03/30
    アコーディオンの参考に
  • jQuery の animate の縦方向の出現や隠す動作

    jQuery の animate の縦方向の出現や隠す動作は、height に、show、hide、toggle などを指定することで可能。 指定方法 animate( properties, [duration], [easing], [complete] ) メソッド、もしくは、animate( properties, options ) メソッドの1つ目の引数である properties 内の height: *** に指定する。 toggle toggle を指定。 赤いブロック部分を、クリックすると、グレーのブロック部分が、上方向へ動きながら消える。もう一度、赤いブロック部分を、クリックすると、グレーのブロック部分が、下方向へ動きながら出現。速度( duration )は、slow を指定してある。

    yoruaki
    yoruaki 2015/03/30
    縦方向のtoggle。助かったー