Question

我认为这是一个常见的问题，但到目前为止，我见过的教程和帖子都没有帮助过我。当光标在菜单图像上也是链接时，我希望它能发出声音。在onmouseover事件中已经有另一条指令让图像闪烁，但我已经读过该事件可能有多条指令。这是代码（对不起，如果它看起来很乱）

<html>
<head>
<script type="text/javascript">
  var sonido=document.getElementById("neonclip");
</script>
</head>
<body>
<audio id="neonclip">
   <source src="http://www.eleyte.net/portafolio/neon.mp3" type="audio/mp3"/>
</audio>
<div style="text-align: center; margin-top: 130px;">
<a href="pagelink"> 
<img onmouseover="this.src='img2';
sonido.play(document.getElementById('neonclip'))
onmouseout="this.src='img1'"src="img1"/> </a>
</div>
</body>
</html>

我按照一个例子做了这个，但它没有用。我知道它在firefox中会有问题，因为它不支持mp3格式，但这是另一个故事。提前谢谢！

Answer 1

只需使用两种格式的用户即可在所有浏览器中播放声音。

<audio preload id="neonclip">
  <source src="sounds/dingdong/57718^DingDong.mp3" type="audio/mpeg">
  <source src="sounds/dingdong/dingdong.ogg" type="audio/ogg">
</audio>

播放声音试试这个

<a href="pagelink"> 
<img onmouseover="this.src='img2'; document.getElementById('neonclip').play()" onmouseout="this.src='img1'"src="img1"/> </a>

JavaScript，在onmouseover事件中播放声音效果

1 个答案: