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」

関連記事

• [mootools]iFishEye
• [mootools]Fisheye
• [mootools]mooVRotatingMenu
• [mootools]UI Tabs
• [mootools]click the birds

• ファイルサイズをJavaScriptライブラリ「jQuery」で自動表示する「addSizes.js」
• JavaScriptライブラリ「jQuery」を使用してフォームを華麗に彩る「jqTransform」
• Webカラーに関するサイト21
• 英字新聞ぽいコラムをJavaScriptライブラリ「jQuery」で作る「Columnizer」
• 心地よく要素を切り替えるJavaScript「jFlip」
• CoverFlowを実現するJavaScript「JS Coverflow」
• 画像を丸く輝かせるJavaScript「sphere.js」
• セクシーなLightBoxを実現するJavaScript「Sexy LightBox」
• JavaScriptライブラリ「jQuery」を使ってカレンダーを作る「jCal.js」
• カバーフローぽい画像ギャラリーJavaScript「ProtoFlow」