【CSS/JS】マウスをのせると色が変わる地図のつくりかた | ラーミアラボ「地図にカーソルをのせると色がかわる」サイトを作ろうと思ったら、簡単なものから精密なものまであることがわかりました。 せっかくなので、動画で動きの違いの説明もしたいと思います。 作りが簡単なのを選ぶ？動きが綺麗なのを選ぶ？ 方法１：CSS、JavaScriptなどを使って単純なロールオーバーにする。 良い点：記述が簡単、画像を用意すればすぐ可能。悪い点：長方形以外の図形は綺麗に動かない。 デモ動画 都道府県の形に乗ったときに色が変わるのではなく、画像の端っこに乗ったときにもう色が変わってしまっています。これは地図など隣の図形が近いモノではやりにくいです。 どうしても使いたい場合は、そもそもの図形を抽象化して長方形にすれば楽です。 では次が本題。複雑な図形でも綺麗にロールオーバーしに行きましょう。 方法２：イメージマップを使って複雑な図形でも綺麗に切り替わるようにする。 良い点：複雑な図形で
