0

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

4

1 回答 1

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>
于 2013-03-21T10:28:57.807 回答