スクリプトを使用せず、スタイルシートで実装するタブ型・ドロップダウン型・ドロップライン型・フライアウト型のナビゲーションをCSS Menusから紹介します。



Arrow -Centered 'current tab' arrow

Orange Tab -Sliding doors-tabbed current orange menu

Pull Tab -Sliding doors pull down menu

Peaks -Peak Tabs – transparent borders no images

Slope -Sloping Tabs – transparent borders no images

Glossy -Sliding doors – glossy buttons

Shadow -Sliding doors – png transparency

Breadcrumb trail, simple dropdown

Breadcrumb trail, simple dropline

Breadcrumb trail, simple flyout
各ナビゲーションはリスト要素で実装されており、ラベルを日本語に変更することも可能です。
ページ下部からファイル一式をダウンロードでき、商用サイトで使用する際は寄付をしてほしい、とのことです。
Post on:2009年1月14日



