0

こんにちは、私はこれを一度尋ねましたが、答えを得ることができませんでした。私は建物のこのイメージ マップを持っています。 onmouseover onmouseout イベント .. しかし、たとえばhttp://31pennplaza.com/avail.html#のように、ホットスポットからマウスアウトしても右側にショーを作成することはできません。

私のソースページを参照してください。これで新しいスクリプトを作成できるようにしてください。

4

2 に答える 2

0

あなたの例を見ることができないので、いくつかの仮定をします。

ホットスポットはおそらく配置された div (またはその他の要素) であり、それぞれに一意の DOM ID が必要です。

マウスオーバーが新しいホットスポットになるたびに右側の画像を更新し、別のホットスポットにマウスオーバーするまでその画像をそのままにしておきたいと思います。mouseOut イベントは、右側の画像に影響を与えるべきではありません。

ホットスポットが次のように宣言されているとしましょう:

<div id="hotspot_1" class="hotspot"></div>
<div id="hotspot_2" class="hotspot"></div>
...
<div id="hotspot_5" class="hotspot"></div>

右側の更新中の画像は次のとおりです。

<img id="floor_detail" src="images/floor_detail.jpg" />

ホットスポットをロールオーバーしたときに表示する画像には、次のパスがあります。

images/hotspot_1_detail.jpg
images/hotspot_2_detail.jpg
...
images/hotspot_5_detail.jpg

jQuery を使用して動作を構成できます。別の mouseOver が観察されるまで詳細画像の状態を保持したいように聞こえるため、mouseOut イベント リスナーは必要ありません。

jQuery:

<script>
  $(document).ready(function(){
    $(".hotspot").live("mouseover", function() {
      $("#floor_detail").attr("src", "images/" + $(this).attr("id") + "_detail.jpg");
    });    
  });
</script>
于 2013-02-07T20:01:33.353 に答える
0

簡単な答え: onMouseOut ハンドラーを削除します。指定した動作については、それらは必要ありません。

于 2013-02-07T21:40:56.037 に答える