はやかわみのるという名前のwebクリエイターのブログです。

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

dock0811101.jpg

ndesign-studio.comのエントリーより、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> 

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

トラックバック(0)

このブログ記事に対するトラックバックURL: http://blog.e-riverstyle.com/mtmt/mt-tb.cgi/193

コメントする

RSS feed

  • 購読する
  • RSD登録
  • RSS登録

webページ

Powered by Movable Type 4.1

スポンサー広告

bookストア

twitterフォロー
Mozilla Firefox ブラウザ無料ダウンロード