前の記事 ≪:写真家のためのPhotoShopレタッチテクニック集55
次の記事 ≫:PHPで高速に携帯ゲートウェイのIPから携帯キャリアを判別

使えるCSSメニューいろいろ

2008年01月07日-はてなブックマーク

スポンサード リンク
[PR] 英単語を忘却曲線アプリを使って超効率よく記憶する方法

使えるCSSメニューいろいろ

1. Advanced CSS Navigation Menu Example

まず、ホバー時以外は文字をぼやかせるCSSメニュー。
次のようにマウスホバー時は文字がクッキリするメニューのサンプルです。



JavaScript レスで実装できるので JavaScript なしがいいという方にはオススメ。
ただし、動かないブラウザもあるようなので注意が必要ですね。

2. Suckerfish Dropdowns - Perciformes!

次にCSSとJSで階層メニュー。やはりこのUIは直感的に操作できますね。



類似:CSSのみでクールな階層メニュー作成サンプルCSSベースの階層メニュー作成ライブラリ

他にも色々と掲載されています

メニュー関連エントリ

関連の記事検索:CSS, メニュー, JavaScript
スポンサード リンク

By.KJ : 2008年01月07日 10:02 livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)