Question

我在onmouseover和onmouseout事件上遇到问题。我正在我的网站上进行处理：http://pacogames.com/当您通过Chrome或FF访问它并且用鼠标移动游戏时，您可以看到游戏的视频，但是当您通过IE访问它时，视频仅当您将鼠标悬停在空白区域时才会播放。当鼠标在图像上时，您无法看到视频。（我的意思是div.BOXRIGHT中的游戏）。

以下是expamle的代码：

<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>");
}

任何人都可以帮我解决这个问题吗？非常感谢。

Answer 1

为IE使用onMouseLeave事件。这将解决问题。

Onmouseover＆amp; onmouseout不在IE中工作

1 个答案: