This is a stylish collapsible menu modelled after the navigational menu found on Slashdot.

SlashDot風のサイトメニューを作る「Slashdot Menu」。
次のようなSlashDot風のメニューを実装することが出来ます。



大メニュー選択でアニメーションもします。
実装コードは次のようにシンプル。

var myMenu = new SDMenu("main_menu"); // ID of the menu element
// Default values...
myMenu.speed = 3; // Menu sliding speed (1 - 5 recomended)
myMenu.remember = true; // Store menu states (expanded or collapsed) in cookie and restore later
myMenu.oneSmOnly = false; // One expanded submenu at a time
myMenu.markCurrent = true; // Mark current link / page (link.href == location.href)

SlashDot を使い慣れた人向けのサイトなんかに使うと便利に使ってもらえそうですね。

関連エントリ

• 階層的でクールなメニューを作るためのJSライブラリ「FastFind Menu」
• セクシーに動作するスライドメニューバー実装JSライブラリ