0

次のコードがあります。

<img src="images/menu-home-off.png" width="153" height="37" border="0" usemap="#menuhome" />
<map name="menuhome" id="menuhome">
<area shape="poly" coords="12,0,153,0,153,35,1,35" href="#" />
</map>

マップ (menuhome) は、画像 (menu-home-off.png) の選択範囲のみを占めます。意図された目的は、マウスが画像のマップ (menuhome) 領域に移動したときに、menu-home-off.png を menu-home-on.png にスワップさせることです。

多くの jquery マウス オーバー イメージ スワップ コード スニペットを見つけましたが、このようなものをどのように適用できるかはよくわかりません。ページには多数の地図/画像もあります

4

2 に答える 2

3

これはうまくいきませんか？

$('#menuhome area').on('hover', function(e){
    console.log("hovered.");
});

例: http://jsfiddle.net/6ReMp/3/

于 2012-04-30T13:02:21.087 に答える
1

$('area').mouseover(function()....うまくいきませんか？

複数のエリアを追加する場合は、操作しやすいように、それぞれに ID またはクラスを指定してください。

于 2012-04-30T12:57:42.587 に答える