■No9_MacのDockライクなメニュー

例）メニュー

MacのDockライクなメニューをJavaScriptで実現

作成方法はいたって簡単です。
Fisheye Menuからダウンロードしたfisheye.jsとfisheye-menu.cssをhead内に書き込みます。

<link rel="stylesheet" type="text/css" href="http://yourdomain/fisheye-menu.css">
<script src="http://yourdomain/fisheye.js" type="text/javascript"></script>

さらにメニューに表示したい画像を以下のように記述します。

<ul id="fisheye_menu">
<li><a href="リンク先"><img src="画像パス" alt=""><span>説明</span></a></li>
<li><a href="リンク先"><img src="画像パス" alt=""><span>説明</span></a></li>
	<!-- 以下画像分 -->
</ul>

また表示したい画像とは別に、_smallという名の小さい画像を用意する必要があります。
例）表示画像がicon.gifであればicon_small.gifが必要になります。

参考URL
http://marcgrabanski.com/code/fisheye-menu/