skuare.netはJavaScriptライブラリのjQuery,mootools,prototypeのプラグインを中心にWebサイト構築に関する技術を試す個人サイトです

MacライクなDockメニューを作成するjavascript「PBB Dock」

｜ ｜ ｜ ｜ ｜ ｜ ｜

Macで好評なDockメニュー。
アイコンでメニューを視覚的に表示するとともに伸縮自在にすることで、非常にユーザビリティに優れています。
PBB DockはjavascriptでDockメニューを実現しています。

使用方法
PBB Dockからpbbdock.v1.0.jsをmootoolsからmootools.jsをダウンロードします。
<script src="http://yourdomain/mootools.js" type="text/javascript"></script>
<script src="http://yourdomain/pbbdock.v1.0.js" type="text/javascript"></script>
<script type="text/javascript">
window.onload = function() {
MyPBBDock = new PBBDock($('id名'));
}
</script>
上記を記述したら、画像を記入します。
<div id="demo">
<img src="画像パス" alt="キャプション">
<img src="画像パス" alt="キャプション">
<img src="画像パス" alt="キャプション">
</div>
MacライクなDockメニューを作成するjavascript「PBB Dock」サンプル

記事作成：2008年02月05日

前の記事：CMSツール「Movable Type」を使いこなすためのサイト25
次の記事：cookieで閲覧経路を特定するjavascript「CookieCrumbs」