CGI-PLANT Javascriptサンプル IEでアンカー以外にもhover効果

このJavascriptは

スタイルシートで a:hover{color:red;} の、ようにしてマウスでリンクをポイントした時に効果を付けるられる事は広く知られていますが、本来 :hover はリンクアンカーに限った指定方法ではありません。
事実、InternetExplorer以外の最近のメジャーなブラウザ（Firefox等のgecko搭載ブラウザやOpera等）では、div:hover{…} や strong:hover{…} といった指定をちゃんと反映します。

そこで IEでもこういった指定が有効になるようにJavascriptで少しお手伝いします。

もっともIE7がこれを実装し、主流になれば不要になるかもしれません。

IE7でアンカー以外のhoverが使えるようになりました。

処理の概要

bodyタグのonloadで初期化を行います。
初期化では hover 効果を付ける対象を指定します。
対象として以下の4パターンでセレクタを指定できます。
- 要素（タグ）
- 要素（タグ） . クラス
- . クラス
- # ID
初期化で指定された対象にはonmouseoverでクラスを追加する処理が、
onmouseoutで追加したクラスを削除する処理が行われます。
マウスホーバー／アウトで追加、削除されるクラス名は「 [元のクラス名+] 'Hover' 」となります。
セレクタでクラスの指定がなければ単に「 'Hover' 」となります。

アンカー以外にもhover効果

このJavascriptは

処理の概要

サンプルと外部Jsファイルのダウンロード