我对 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>");
}
谁能帮我解决这个问题?非常感谢。