IE 6 以下で CSS の E:hover, E:active を有効にする JS の demo

この demo は IE 6 とその他のブラウザとの動作の比較用です。

p 要素に :hover を使用した例

この箇所をマウスオーバーするとスタイルが変わります。

表の行に :hover を使った例

tr:hover th, tr:hover td にスタイルを指定することで、現在マウスオーバーしている行をハイライトできます。

見出しセルデータセルデータセル
見出しセルデータセルデータセル
見出しセルデータセルデータセル
見出しセルデータセルデータセル

メニューなどに :hover を使った例

ul.menu li:hover ul にスタイルを指定することで CSS のみでフライアウトメニューを実現できます。