jQueryとJavaScriptで作るMacのようなDockメニュー「CSS Dock Menu」

設置方法は、ダウンロードページからライブラリをダウンロードして、HTMLのHEAD要素に下記のように設置するだけです。

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/interface.js"></script>
<link href="style.css" rel="stylesheet" type="text/css" />

IE対策用

<!--[if lt IE 7]>
<style type="text/css">
.dock img { behavior: url(iepngfix.htc) }
</style>
<![endif]->

後は、必要なアイコン画像を設置して出来上がりです。

<a class="dock-item" href="#"><img src="images/home.png" alt="home" /><span>Home</span></a> 

ダウンロードはコチラから