ドロップダウンの箇所がスムーズにスライドする水平・垂直型のナビゲーションを実装するスクリプト「MenuMatic」を紹介します。
ナビゲーション箇所はリストの入れ子で実装されおり、ラベル名はテキスト要素のため日本語に変更することも可能です。
オプションでは、水平・垂直型の選択、横幅、不透明度などを変更することができます。
MenuMaticはMooToolsのプラグインのため、動作にはMooTools 1.2 Coreが必要です。
Post on:2008年9月18日
- コンテンツスライダーとツールチップナビゲーションを実装するチュートリアル
- [JS]Apple風の画像ギャラリー：カバーフロースクリプトの決定版 -ContentFlow
- [CSS]CSS3グラデーションの表示サンプルと指定方法のまとめ
- 300,000個以上のアイコンから、無料で利用できる好みのアイコンを探せるサイト -Free Icon Search Engine
- 繊細なラインで構成された、光を描く無料のPhotoshopのブラシ
- [CSS]Firefox 3.0/3.5のCSSのバグ情報のまとめ
- レタープレスエフェクトのチュートリアル、あなたは画像派？ CSS派？
- [JS]CSSスプライトをアニメーションで変更するチュートリアル
- ウェブ用UIの無料のPSD素材が日替わりでダウンロードできる -365psd
- CSS3のコード生成と対応ブラウザが分かるジェネレーター -CSS3 Generator
- [CSS]リスト要素で実装するスタイリッシュな打ち出しコンテンツ
- [JS]丁寧に解説された、LavaLampナビゲーションを作成するチュートリアル
- [CSS]商用サイトでもそのまま利用できるCSSのナビゲーション集
- 商用利用も無料、Tシャツ用のシンボルマークのベクター素材
- [JS]アニメーションのタイミングが絶妙なナビゲーションのスクリプト
MenuMatic、良いのですが、文字サイズを大きくすると、はみ出た部分が表示されなくなります。
相対的に枠のサイズが可変出来ると良いですね＾＾