今朝、州の補助金に関する NYTimes のインタラクティブな記事を見ていて、州がドットで隠れていても、カーソルを合わせると前面に表示されることに気付きました。
たとえば、マサチューセッツ州を覆うドットは、ニューハンプシャー州も部分的に覆っていますが、ニューハンプシャー州の覆われた部分にマウスを合わせると、ニューハンプシャー州が前面に表示されます。
彼らはどのようにしてこれを達成すると思いますか? ドットは、DOM での順序に基づいて、状態のアウトラインの前にあります。すべての上に状態のアウトラインの 2 番目のセットがあり、基になる形状をトリガーするマウスオーバーをリッスンする可能性があると思いましたが、そうではないようです。
私が取り組んでいるアプリケーションに同様の機能を実装する必要があり、SVG 要素を使用したエレガントな方法に興味があります。
ありがとう。