jQuery の jqDock によるドックメニューの拡大縮小時間を調整

jQuery の jqDock プラグインで作る Mac OS X 風ドックメニューは、duration オプションを設定することにより、メニュー画像を、最初に拡大するときと、最後に縮小するときに費やす時間を、ミリ秒(ms)単位で指定できる。
初期設定値は、「300」。
jqDock プラグインの入手方法などについては、こちら。

実装例（サンプル）

300（デフォルト）

100

500

1000

3000

実装例（サンプル）の動作について

100 を指定した実装例（サンプル）は、最初の拡大と最後の縮小に、0.1秒掛かる。1000 を指定した実装例（サンプル）は、最初の拡大と最後の縮小に、1秒掛かる。

実装例（サンプル）のソースコード

読み込み

jquery.js と jquery.jqDock.js を読み込む。
ファイルへのパスは、それぞれ、アップロードした場所を指定する。

JavaScript

300 の数値の部分が、最初の拡大と最後の縮小に掛ける時間。この数値を、500 や 1000 などに変更することで、最初の拡大と最後の縮小に掛ける時間を調整できる。ミリ秒(ms)単位であることに注意。

CSS

重ならないように、マージンを入れたが、重なっても構わない場合は、マージンを指定する必要はない。

HTML

画像ファイルへのパスは、それぞれ、アップロードした場所を指定する。