CSS Dock Menu[jQuery]について

質問

WEBサイトで「MacOS X風ドックメニュー」を実現させる[CSS Dock Menu]についての質問です。
http://www.ndesign-studio.com/blog/mac/css-dock-menu

Demo通りの動きを実現する事はナビ通り行えば問題ないのですが、
Demo以外の機能として、何かフラグが立ったときに
アイコンをぴょんぴょん飛び跳ねさせる事(これもOSX風に)は可能なのでしょうか。

お詳しい方、ご教授ください。よろしくお願いいたします。

回答No.1

t_netbug · ベストアンサー

>アイコンをぴょんぴょん飛び跳ねさせる事(これもOSX風に)は可能なのでしょうか。

ソースを見ていないのでどのようにコーディングするかは現在不明ですが、可能ですよ。
要はあれですよね。アイコンにカーソルが乗ってクリックとかすると、上下にボヨンボヨンと拡大縮小しながらその場で跳ねるイメージですよね。
クリックでイベントを起こすなら、onclickイベントハンドラに動作を追加してあげれば良いと思います。
恐らく、スタイルシートで位置を制御されているハズなので、スタイルシートの値を取得し、(位置はtopとleftかな？)位置を上下に動かすようなプログラムをsetInterval関数などを交えながら定義してあげれば良いのだと思います。

参考になれば幸いです。

お礼

ご回答ありがとうございます。

参考にさせていただきます。