Product
  • Home page
  • Tour
  • Templates
  • Prices
Education
  • Workshops
  • How to make a website
  • Design course
  • Explore
Help
  • Knowledge base
  • Video tutorials
  • Code Export
  • Developers

Как сделать soundHover в меню Tilda

Как выполнили данный пример:

1. Добавили на страницу блок Подвал►FT302
2. Добавили скрипт на страницу
Скрипт вставляется в блок ДРУГОЕ►Т123
Ссылка в коде на звук https://clck.ru/Eq8rk


<audio controls id="beep-two" preload="auto">
	<source src="https://clck.ru/Eq8rk" controls>
	Your browser isn't invited for super fun audio time.
</audio>
<style>
    audio {
        display:none;
    }
</style>

<script>
$(".t420 li")
  .each(function(i) {
    if (i != 0) {
      $("#beep-two")
        .clone()
        .attr("id", "beep-two" + i)
        .appendTo($(this).parent());
    }
    $(this).data("beeper", i);
  })
  .mouseenter(function() {
    $("#beep-two" + $(this).data("beeper"))[0].play();
  });
$("#beep-two").attr("id", "beep-two0");	
</script>	
	
Made on
Tilda