夥計們,我試圖在鼠標懸停在按鈕上時播放聲音。我嘗試閱讀谷底的例子,但它似乎並沒有工作。這是我現在的代碼:使用JavaScript在mouseover上播放聲音
<audio id="mySoundClip">
<source src="/sound/c_but.mp3" type="audio/mp3" />
</audio>
<script type="text/javascript">
var mysound = document.getElementById("mySoundClip");
</script>
<div class="whole">
<div id="social">
<a href="#"><img name="faceb" src="img/social/up_fb.png" width="40" onMouseOver="faceb.src='img/social/o_fb.png'; mysound.play();" onMouseOut="faceb.src='img/social/up_fb.png'" class="soc"/></a>
<a href="#"><img name="goobu" src="img/social/up_gb.png" width="40" onMouseOver="goobu.src='img/social/o_gb.png'" onMouseOut="goobu.src='img/social/up_gb.png'" class="soc"/></a>
<a href="#"><img name="myspa" src="img/social/up_ms.png" width="40" onMouseOver="myspa.src='img/social/o_ms.png'" onMouseOut="myspa.src='img/social/up_ms.png'" class="soc"/></a>
<a href="#"><img name="twitt" src="img/social/up_tw.png" width="40" onMouseOver="twitt.src='img/social/o_tw.png'" onMouseOut="twitt.src='img/social/up_tw.png'" class="soc"/></a>
</div>
</div>
正如你所看到的,將鼠標懸停在第一幅圖片 - Facebook的鏈接應該引起我的聲音..但事實並非如此。這是我的鏈接http://work.juanalvarezdj.com你能幫忙嗎?我究竟做錯了什麼?
它在Chrome中適用於我。 – bjornd
這個問題是密切相關的:http://stackoverflow.com/questions/3013883/play-audio-file-on-hover –