Javascript: звук при наведении курсора мыши

Question

Я разрабатываю страницу, как мне вызвать событие sound- (аудиофайл) при mouseover для всех тегов привязки, содержащихся на странице . У меня пока есть этот код, как связать его со всеми тегами a, а не только с одним. Любая помощь приветствуется.

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

javascript

1

Darren 16 Июн 2016 в 13:17

1

Вы пробовали это getElementsByTagName ("a")

–

Saad

16 Июн 2016 в 13:20

3

О боже, зачем тебе это делать ...?

–

Niet the Dark Absol

16 Июн 2016 в 13:20

1

Узнать, что это самое худшее, что вы когда-либо хотели сделать в истории веб-страниц? Почему еще?

–

John Burger

16 Июн 2016 в 13:22

1

Что именно сейчас не работает?

–

XCS

16 Июн 2016 в 13:25

1

Функциональность странная, опасная и неправильная, но он задает конкретную проблему, и мы не можем его судить.

–

Marcos Pérez Gude

16 Июн 2016 в 13:26

Answer 1

Просто 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;
}

1

Huy Chau 16 Июн 2016 в 13:41

Answer 2

audio - это тег HTML, в который можно поместить тег source, указывающий на звуковой файл, как на изображение.

Чтобы воспроизвести звук, вы можете вызвать элемент с помощью функции .play() в JavaScript.

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

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

0

JackHasaKeyboard 16 Июн 2016 в 13:25

Javascript: звук при наведении курсора мыши

2 ответа

Похожие вопросы

Новые вопросы

javascript