1

onmouseover および onmouseout イベントに問題があります。http://pacogames.com/ Chrome や FF でアクセスしてゲームの上にマウスを移動するとゲームのビデオが表示されますが、IE でアクセスするとゲームのビデオが表示されます。、空白の上にマウスを置いている場合にのみビデオが再生されます。マウスが画像の上にある場合、ビデオは表示されません。(div.BOXRIGHT 内のゲームを意味します)。

例のコードは次のとおりです。

<li id="videobox-1" class="videobox">
  <a href="url_game" id="OdkazVideo1"> 
    <div id="video1">
    </div>
    <div style="display:block; position: absolute; top: 5px; width: 163px; height: 182px; z-index: 90;" onmouseover="PrehrajVideo(1, 'game_video.swf')" onmouseout="ZastavVideo(1)">
    </div> 
  </a>         
  <a href="url_game">   
   <img class="BOXGAMES_IMG" src="image_game.png" alt="play name_game" style="position: relative; z-index: 1;" /><br />game_name
</a> 
    <span style="width: 100px; height: 22px; float:left; padding: 5px 30px 0 30px;">'.$game['rating'].'</span>
    <p class="BOXGAMES_PLAYS">200 Plays </p>   
</li>';

そしてJS関数

function PrehrajVideo (id, video) {   

  var params = {
      'wmode': 'transparent',
      'quality': 'high',
      'mute': '1'
  }
  swfobject.embedSWF(video, "video"+id, "163", "123", "7", false, "", params, "" ); 
}

function ZastavVideo (id) { 
  swfobject.removeSWF("video"+id);
  $('#OdkazVideo'+id).prepend("<div id='video"+id+"'></div>");
}

誰でもこの問題を解決できますか? どうもありがとう。

4

1 に答える 1

2

IE の onMouseLeave イベントを使用します。これで問題は解決します。

于 2013-03-01T17:50:01.400 に答える