jQuery UI の effect プラグインを使ったアニメーション動作

jQuery UI の effect プラグインについて。effect() の 1つ目の引数は、アニメーション動作の種類。2つ目の引数は、1つ目の引数に指定したアニメーション動作固有のオプション。3つ目の引数はアニメーション動作速度。4つ目の引数は、アニメーション動作後に呼び出す関数。

1つ目の引数に指定できるアニメーション動作の種類は、'blind'、'bounce'、'clip'、'drop'、'explode'、'fade'、'fold'、'highlight'、'puff'、'pulsate'、'scale'、'shake'、'size'、'slide'、'transfer'のいづれか。

実装例(サンプル)

このボックスをクリックすると、このボックスを点滅させる。

実装例(サンプル)について

実装例(サンプル)は、1つ目の引数に「pulsate」を指定して、点滅するようにしたもの。

ソースコードについては、こちら

effect プラグイン

概要

effect( effect, [options], [speed], [callback] )

effect

1つ目の引数。

アニメーション動作の種類を指定する。

指定できる値

options

2つ目の引数。

1つ目の引数に指定したアニメーション動作固有のオプション。

speed

3つ目の引数。

アニメーション動作速度。

callback

4つ目の引数。

アニメーション動作後に呼び出す関数。

スポンサード リンク

カテゴリー: Effects, JavaScript, jQuery, jQuery UI, アニメーション パーマリンク