0

onMouseOver 項目が 3 つの個別のリンクを持つ単一の画像であるホバー マウスオーバー効果を作成しようとしています。

標準の onMouseOver、onMouseOut 効果を使用しており、このようなイメージ マップと組み合わせようとしています。

私が得ることができる最も近いのは、画像がonMouseOutにあるときにのみリンクが表示され、onMouseOverのときにリンクが表示されないMouseOver効果です。要するに、これら 2 つの効果を組み合わせて onMouseOver 画像に画像マップ リンクを表示し、2 つの効果が連携する方法はありますか?

これは、私が解決しようとしている問題を示す例です。問題の要点を完全に把握するには、画像の上にマウスをゆっくりと上から下に移動してみてください。

4

1 に答える 1

0

このようなことを行う最善の方法は、CSS と :hover セレクターを使用することです。

image {
   background-image:url('image1.png');
}

image:hover {
   background-image:url('image2.png');
}

もちろん、これを希望どおりに機能させるには、ここでさらに多くのスタイルと適切に選択された要素が必要になります。

于 2012-12-19T16:55:39.380 に答える