タグ

ブックマーク / alphasis.info (2)

  • jQuery の animate で、透明⇔不透明のアニメーション動作

    透明から不透明、もしくは、不透明から透明のアニメーション動作は、jQuery の animate の 1つ目の引数内で、opacity に toggle、show、hide、0~1 の数字(0.5など)を指定することで可能。 指定方法 animate( properties, [duration], [easing], [complete] ) メソッド、もしくは、animate( properties, options ) メソッドの1つ目の引数である properties 内の opacity: *** に指定する。 toggle toggle を指定。 赤いブロック部分を、クリックすると、グレーのブロック部分が、透明になり、最終的には見えなくなる。もう一度、赤いブロック部分を、クリックすると、グレーのブロック部分が、不透明になり、出現。 animate( { opacity: 'to

  • jQuery の Cycle プラグインによる、一時停止できるスライドショー

    jQuery の Cycle プラグインを使い、フェードイン・フェードアウトのアニメーションで切り替わるスライドショーにおいて、スライドショーを一時停止できるようにする方法。スライドショーを一時停止できるようにするには、toggle コマンドを使う。フェードイン・フェードアウトのアニメーションで切り替えるようにするには、fx オプションに「fade」を指定する。 実装例(サンプル) 実装例(サンプル)の動作について 5つの画像を、フェードイン・フェードアウトのアニメーションで、ランダム順に切り替える。 フェードイン・フェードアウトのアニメーション動作時間は、1秒。 「一時停止」をクリックすると、スライドショーが一時停止し、「一時停止」の文字が、「再生」に変わる。 「再生」をクリックすると、スライドショーが再開し、「再生」の文字が、「一時停止」に変わる。 実装例(サンプル)のソースコード 読

  • 1