我正在为我的网站尝试新功能,其中包括当我悬停、单击或释放与其交互的链接时应该播放声音。我仍在适应 HTML 的基础知识,抱歉,如果我看起来很困惑,但我认为这将是正确的方向。
这是我到目前为止所拥有的:
<html>
<audio id="myaudio" src="hover"></audio>
<audio id="myaudio2" src="click"></audio>
<audio id="myaudio3" src="release"></audio>
<body>
<a href="https://google.com"
onmouseover="document.getElementById('myaudio').play()"
onmousedown="document.getElementById('myaudio2').play()"
onmouseup="document.getElementById('myaudio3').play()">google.com</a>
</body>
</html>
最佳答案
@guest271314 帮我解决了这个问题,事实证明这真的很简单。 我忘记了 SRC 标签需要指向一个链接。更正如下:
<html>
<audio id="myaudio" src="http://yourdomain.com/hover.wav"></audio>
<audio id="myaudio2" src="http://yourdomain.com/click.wav"></audio>
<audio id="myaudio3" src="http://yourdomain.com/release.wav"></audio>
<body>
<a href="https://google.com" onmouseover="document.getElementById('myaudio').play()" onmousedown="document.getElementById('myaudio2').play()" onmouseup="document.getElementById('myaudio3').play()">google.com</a>
</body>
</html>
这是修复的部分:
src="http://yourdomain.com/sound.wav"
关于javascript - 悬停、单击和释放声音不起作用。我很困惑,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37982555/