播放声音文件 onMouseOver 事件答案

【问题标题】：playing sound file onMouseOver event播放声音文件 onMouseOver 事件
【发布时间】：2011-04-21 18:20:32
【问题描述】：

我希望我的声音文件在我的图像上有鼠标悬停时播放。我的代码不起作用任何人都可以提供帮助，如果有人这样做请让我知道代码。thanx 提前

function Sound(surl) {
  document.getElementById("myspan").innerHTML=
    "<embed src='"+surl+"' hidden=true autostart=true loop=false>";
}


<span id=myspan></span>
<form>
<img src="imag.jpg" onMouseOver="Sound('success.wav')" />
</form>

【问题讨论】：

标签： javascript html xhtml

【解决方案1】：

<html>
<head>
<script type="text/javascript">
    function sound(surl) {
        document.getElementById("myspan").innerHTML =
        "<embed src="+surl+" hidden=true autostart=true loop=false>";
    }
</script>
</head>
<body>

<span id="myspan"></span>

<form>
    <img src="image.jpg" onmouseover="sound('success.wav')" />
</form>

</body>
</html>

这已经过测试并且正在运行。当您在 CSS 中鼠标悬停时，可能只想更改光标。

【讨论】：

哇，人们还在使用embed标签？
哈哈，这是一个很好的答案。有一天audio 将得到普遍支持。一天……
未来：是的，现在差不多了。

【解决方案2】：

经过我测试的运行良好的代码你在转义字符中犯了一个错误嵌入

<html>
<head>
<script language="javascript" type="text/javascript">

function Sound(surl) {
alert("working");<!-- this will ensure function is called successfully-->

document.getElementById("myspan").innerHTML=
"<embed src=\""+surl+"\" hidden=\"true\" autostart=\"true\" loop=\"false\" />";
}
</script>

</head>
<body>
<span id="myspan"></span>
<form>
<img src="imag.jpg" onMouseOver="Sound('success.wav')" />   
</form>
</span>
</body>
</html>

【讨论】：

当我运行我的页面时，它让我安装插件，但它显示没有找到插件，你能告诉我合适的插件易于整合
如果您使用的是firefox，它会自动弹出您安装缺少的插件安装它然后打开页面您的音频将完美运行！
htmlcodetutorial.com/embeddedobjects/_EMBED.html 在上面的页面上你还需要插件.. 自动安装它