こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

締切り済みの質問

jQueryを利用してドック型のメニューに関して

始めまして。
現在、サイトを作成中なのですが、
グローバルメニューをjQueryのiconDockプラグインを
利用してたjQueryのiconDockプラグインを利用してドック型のメニューを考えています。

横幅を固定したドック型のメニューはどの様にすれば可能でしょうか。
通常は該当アイコンが拡大した時、左右(上下)にメニューエリアが拡がってしまいますが、それを800px内で行いたいのです。

何卒宜しくお願いします。

投稿日時 - 2009-11-27 09:46:03

QNo.5479422

暇なときに回答ください

このQ&Aは役に立ちましたか?

9人が「このQ&Aが役に立った」と投票しています

-広告-
-広告-

回答(2)

ANo.2

iconDockだと無理です。要はそのマウスオーバーした時、位置でアイコンがアニメーション敵にビューとサイズが大きくなり、マウスアウトでビューと小さくなると。その時の位置も指定したいのですよね。

iconDockを改造するより、同じくjQueryのUI 「toggleClass」
http://jqueryui.com/demos/toggleClass/
というのを使って、作った方がてっとり早いです。
「toggleClass」はDOM要素のCSSクラスをイベントでduration(スピード)指定
して切り替える事が出来ます。小さい時と大きい時のCSS定義を作っておいて
マウスイン 小->大 のクラス切り替え
マウスアウト 大->小 のクラス切り替え
を行えば出来ると思います。
CSSは、おわかりになりますか?

投稿日時 - 2009-11-27 22:06:45

ANo.1

http://icon.cat/wiki/IconDock_En
の事ですよね。
大きさの自動調整の機能は無いみたいです。
iconMinSide とiconMaxSideで各アイコンの最小pxと最大pxを
指定するようだから、メニューが最大になった時、800px以内に
おさまるようiconMaxSideの値を調整しておくしかないのでは。

投稿日時 - 2009-11-27 13:28:59

補足

ご回答有難うございます。
まさしく、ご指摘のとうりなのですが・・・
私の問いに肝心な部分が欠落しておりました。
アイコンがデフォルトの時に真下にそのアイコンと対となる
画像を配置しております。
人が5人横並びに整列している画像です。
各人の頭上にアイコンを配置しドックメニューにしたいので、
拡大するアイコン以外は左右に移動できないように保つように
設定したいと思っております。
何卒宜しくお願いします。

投稿日時 - 2009-11-27 16:12:10

-広告-
-広告-

あなたにオススメの質問

-広告-
-広告-