在onmouseover事件中播放声音效果

JavaScript, playing sound effect in onmouseover event

本文关键字：声音 音效 播放 onmouseover 事件      更新时间：2023-09-26

我想这是一个常见的问题，但是到目前为止，我所看到的教程和帖子都没有帮助我。我想要的是一个声音播放每当光标是在一个菜单图像，这也是一个链接。在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格式，但那是另一回事。提前感谢!

用户可以使用以下两种格式在所有浏览器中播放声音

<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>
相关文章：