CSSでWebページ上のナビゲーションの動きを作るやり方は様々ですが、
そのCSSナビゲーションテクニックをサンプルと合わせて紹介しているエントリーの紹介です。

css_navi.jpg

Six Revisions – 30 Exceptional CSS Navigation Techniques

単純なロールオーバーだけでなく、画像の切り替えをうまく利用して、
動的に見せる表現をしていたり、CSS構成以外にも演出の部分でも参考になります。

ドロップダウンなどはJavaScriptを使わずにCSSのみで表現しようとすると
意外と難しかったりするのですが、
ここのテクニックを参考にして実現できるか!?と思ったのですが、
実際使ってみるとIE6ではもともと正常に動作しないサンプルもあったりします…
参考にする際は各ブラウザでちゃんと動作するか確認してからお試しください…

時間のある時にいろいろ改良してみます。。。