我对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>");
}有人能帮我解决这个问题吗?非常感谢。
发布于 2013-03-02 01:50:01
使用IE的onMouseLeave事件。这将解决问题。
https://stackoverflow.com/questions/15163656
复制相似问题