スクリプトを使用せず、スタイルシートで実装するタブ型・ドロップダウン型・ドロップライン型・フライアウト型のナビゲーションを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日
