JavaScriptなしで地域ごとに色が変わる日本地図を作る

HTML、CSS、画像だけで、マウスオーバーした地域ごとに色が変わる日本地図を作る方法です。 文字だけではちょっと意味がわかりにくいかもしれませんので、とりあえず↓の日本地図の上にマウスカーソルを載せてみてください。クリックするとページ遷移しますが、このデモでは Not Found になりますのでご注意ください。 デモページを別のタブで開く このデモをダウンロード（ZIP） 2009年に仕事で「日本地図をクリックすると地域ごとに違うページに飛ぶ」ページを作らなければならなかった時に、当時 JavaScript も書けないし Flash は PC に入っていなかったので、HTML と CSS だけで作ってみました。 このデモはDOCTYPE宣言が HTML5 になっていますが、当時 HTML 4.01 で、IE6 でもきちんと動くように作りました。 ですので、特殊なタグやプロパティは使わず

[torinky]

JavaScriptなしで地域ごとに色が変わる日本地図を作る

[yomekurasi]

日本地図に色付けする方法

[qrac_jp]

JavaScriptなしで地域ごとに色が変わる日本地図を作る

[natsukareala]

地図。これは便利。ありがたや。

[bleu-bleut]

各地域に色がついたスプライト画像をホバーで切り替える。

[botp]

結構いろんなとこで使われてはいるよね

[zaki1010]

これはすごく画期的なのでは。

[minimum_sho]

CSSスプライトで地図の切り替え

[teru7470]

エリアのFlashのように使えそう！

[luccafort]

多分JS使ったほうが簡単なんじゃないかな？と思わないでもないけどこういう発想が自分にはできないので凄いなーと感動してました。　#帰りたい

[pixmap]

正直、精度はイマイチだけど、このレベルだと実用上はあまり問題ない。という割り切り方がうまい例。都道府県のレベルになると厳しいかもしれないけど。

[tageo]

JavaScriptなしで地域ごとに色が変わる日本地図を作る

[ya--mada]

あとで

[itochan]

mapとareaタグじゃなくて、 ulとaタグ使ってる

[adsty]

HTMLとCSSだけで実現する日本地図の解説。

[inulab]

yahooの天気予報でも使ってくれないだろうか

[warriorking]

JavaScriptなしで地域ごとに色が変わる日本地図を作る | Stocker.jp / diary

[mnnn]

なんかマウスの位置と色が変わる地域がおかしいとこが多々

[musa_test]

学生的な発想だけど大事

[actywave]

アイデアだ〜w

[trashtoy]

CSSだけで四色問題に対応するような変態技かと思ったがそのたぐいの話ではなかった。要するにCSSスプライトか。

[peketamin]

mapかと思ったら違った

[hr07jp]

JavaScriptなしで地域ごとに色が変わる日本地図を作る

[kns_1234]

CSSを使って、インタラクティブな日本地図を作るテクニックです。デモはダウンロードしてお使いいただけます。

[akatuki_sato]

なるほど、こういう方法があるのか。今TABLEタグの日本地図+jQueryでいろいろ試行錯誤中・・・