html - 如何在悬停时发出声音效果

Question

我有菜单...如下所示

我想在悬停时提供音效

<ul id="menu" class="nav">
    <li>
        <a href="#">Home</a>
        <audio id="sound" controls preload="auto"><source src="http://soundbible.com/mp3/MP5_SMG-GunGuru-703432894.mp3" controls></source></audio>
    </li>
    <li><a href="#">About</a></li>
    <li><a href="#">Clients</a></li>
    <li><a href="#">Contact Us</a></li>
</ul>

我想在悬停时提供音效

Answer 1

您可以使用jQuery mouseover() 或 mouseenter()开始音频和 mouseleave() 或 mouseout() 禁用音频效果。

Try once. it's working for me