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>

例に従ってこれを行いましたが、うまくいきませんでした。mp3 形式をサポートしていないため、firefox で問題が発生することはわかっていますが、それは別の話です。前もって感謝します！

4

1 に答える 1

1

すべてのブラウザでサウンドを再生するには、次の 2 つの形式を使用するだけです。

<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 に答える