jqDock

ドックメニューをWEBに実装するなら、jQuery の jqDock プラグインが便利。

メニュー画像に、マウスのカーソルを合わせると、そのメニュー画像が大きくなる。オプションが豊富で、使い勝手が良い。

  • jQuery の jqDock プラグインで作る Mac OS X 風ドックメニュー

    jQuery のjqDock プラグインの、導入方法や主要なオプションについて。

  • jQuery の jqDock による上揃え水平タイプのドックメニュー

    jQuery の jqDock プラグインで作る Mac OS X 風ドックメニュー。上揃え水平タイプ。メニュー画像を、横に並べたドックメニュー。メニュー画像に、マウスのカーソルを合わせると、そのメニュー画像が大きくなるが、その時、大きくなった画像と、小さいままの画像とを、上で揃える。

  • jQuery の jqDock による中央揃え水平タイプのドックメニュー

    jQuery の jqDock プラグインで作る Mac OS X 風ドックメニュー。中央揃え水平タイプ。メニュー画像を、横に並べたドックメニュー。メニュー画像に、マウスのカーソルを合わせると、そのメニュー画像が大きくなるが、その時、大きくなった画像と、小さいままの画像とを、中央で揃える。

  • jQuery の jqDock による下揃え水平タイプのドックメニュー

    jQuery の jqDock プラグインで作る Mac OS X 風ドックメニュー。下揃え水平タイプ。メニュー画像を、横に並べたドックメニュー。メニュー画像に、マウスのカーソルを合わせると、そのメニュー画像が大きくなるが、その時、大きくなった画像と、小さいままの画像とを、下で揃える。

  • jQuery の jqDock による左揃え垂直タイプのドックメニュー

    jQuery の jqDock プラグインで作る Mac OS X 風ドックメニュー。左揃え垂直タイプ。メニュー画像を、縦に並べたドックメニュー。メニュー画像に、マウスのカーソルを合わせると、そのメニュー画像が大きくなるが、その時、大きくなった画像と、小さいままの画像とを、左で揃える。

  • jQuery の jqDock による中央揃え垂直タイプのドックメニュー

    jQuery の jqDock プラグインで作る Mac OS X 風ドックメニュー。中央揃え垂直タイプ。メニュー画像を、縦に並べたドックメニュー。メニュー画像に、マウスのカーソルを合わせると、そのメニュー画像が大きくなるが、その時、大きくなった画像と、小さいままの画像とを、中央で揃える。

  • jQuery の jqDock による右揃え垂直タイプのドックメニュー

    jQuery の jqDock プラグインで作る Mac OS X 風ドックメニュー。右揃え垂直タイプ。メニュー画像を、縦に並べたドックメニュー。メニュー画像に、マウスのカーソルを合わせると、そのメニュー画像が大きくなるが、その時、大きくなった画像と、小さいままの画像とを、右で揃える。

  • jQuery の jqDock によるドックメニューのカーソル反応距離設定

    jQuery の jqDock プラグインで作る Mac OS X 風ドックメニューは、distance オプションを設定することにより、カーソルにメニュー画像が反応する距離を設定できる。この数値を大きくすると、隣のメニュー画像なども反応する。小さくすると、目的のメニュー画像のみが反応する。

  • jQuery の jqDock によるドックメニューのサイズを指定

    jQuery の jqDock プラグインで作る Mac OS X 風ドックメニューは、size オプションを設定することにより、最初に表示するメニュー画像の大きさを指定できる。初期設定値は、「48」。

  • jQuery の jqDock によるドックメニューにラベルを表示

    jQuery の jqDock プラグインで作る Mac OS X 風ドックメニューは、labels オプションを設定することにより、メニュー画像上にラベルを表示させることができる。表示されるのは、メニュー画像の img タグ内の title 属性で指定した値。初期設定値は、「Off」で、表示しないようになっている。

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

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

スポンサード リンク