Question

我正在设计一个页面，如何在包含的所有锚标签上的鼠标悬停事件上触发 声音 - （音频文件） 在页面内。到目前为止，我有这个代码如何将它绑定到所有a标签而不仅仅是一个。任何帮助表示赞赏。

function playclip(){ 
    'use strict';
    var audio = document.getElementById("hover-audio");  
    audio.play();
    audio.volume = 0.2;
}

Answer 1

Just JavaScript：

var anchors = document.getElementsByTagName('a');

// Add onmouseover event for all a tags
for (var i = 0; i < anchors.length; i++){
   anchors[i].onmouseover = playclip;
}

Answer 2

audio是一个HTML标记，您可以在其中放置指向声音文件的source标记，就像图像一样。

要播放声音，您可以使用JavaScript中的.play()函数调用该元素。

<audio id="my-sound">
    <source src="sound/asdf.mp3"/>
</audio>

$("a").mouseenter(functon(){
  $("#my-sound").play();
});

Javascript：鼠标悬停时的声音

2 个答案: