我对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
复制相似问题