はてなブックマーク - web.paulownia.jp - ロールオーバーのオブジェクト指向的実装

再び?Bをフラフラしていたら、ロールオーバーのオブジェクト指向的実装なる文書が人気エントリになっていて、近頃じゃ猫も杓子もロールオーバーという勢いだなぁ……と少し感嘆。とはいえ「HTMLを汚さない」とメモられたこの手法、ロールオーバーさせるためにはid属性を付加しなければならない。面倒臭がりの私としてはid属性も嫌なのである。IEが:hoverなスタイルに完全対応してくれれば万事解決なのだけれど、現状では無理だ。差し当たってはファイル名で判断することにしよう――という経緯で、適当に作ってみた：http://home.graffiti.net/deux/image_rollover.html。最初は：
var map = { 'foo_normal.png' : 'foo_active.png', 'bar_normal.png' : 'bar_active.png', ... }
などと考えていたのだけれど、自分で使うなら別に任意のファイル名を指定できなくても良いよなぁ……と、最も安直な方式に。うわ、石を投げないで。