このサンプルは、jQueryのiconDockプラグインを利用してドック型のメニューを表示します。マウスをイメージに移動するとドッグから飛び出します。マウスを遠ざけるとイメージがドックに戻ります。
イメージは縮小版と拡大版の２種類用意します。イメージの名前には「_35」と「_70」のようにサイズを付加します。このサイズは、iconMinSize:35, iconMaxSixe:70と対応します。
var confDock = {
iconMinSide: 35,
iconMaxSide: 70,
distAttDock: 100,
coefAttDock: 2,
veloOutDock: 500,
valign: "top"
}
$(function() {
$("#iconDock").addDockEffect(confDock);
});