MacOSXのDock風メニュー

itworksはなれ - OSX Dock風javascript

MacOSX の Dock 風ナビゲーションを入れてみました。

アイコンにカーソルをに近づけると、MacOSX の Dock（ドック）のように“ぽわわん”と膨らみます。
Mac のこうした遊び心のあるデザインもいいですね。

<td valign="top"> を <td valign="bottm"> にすると、膨らむ方向が逆になります。
IE、Gecko、Opera対応とありますが、Mac Firefox、Safari でも動作確認済みです。

他にも、Lucky bag::blog: CSS だけで Mac OS X の Dock 風ナビゲーションのサンプルのような方法もあるようです。

Mac ファンの方はいかがでしょうか。

追記（7/22）
フッターから外しました。

Comments

なんか、下すぎて意識的に使おうとしないと目に入らないです

通りすがり at 2006-07-09 00:38

ご指摘ありがとうございます。
Macのデスクトップと同じように、下に置いておきたいのですが
こちらのように短い記事やコメントのついていないページは
たしかに下すぎるというかサイドバーのほうが長くなってしまいますね。

少しサイドバーを短くしてみたんですが、気付いてもらえるとうれしいです。

らぶ at 2006-07-09 01:29