JavaScript，在onmouseover事件中播放声音效果
[英]JavaScript, playing sound effect in onmouseover event
问题描述
我想这是一个常见的问题，但是到目前为止，我所见过的所有教程和帖子都没有对我有所帮助。 每当光标在菜单图像上（也是链接）时，我希望它播放的声音。 在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格式，但这就是另一个故事。 提前致谢！
1 个解决方案
解决方案1
1 2013-03-21 10:28:57
仅以下两种格式的用户即可在所有浏览器中播放声音。
<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>
CSS hover效果和Javascript onMouseOver事件
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.