как играть звук на HREF щелчок и при наведении курсора мыши

Question

Это мой заголовок:

Я хочу добавить звук влияет дважды:

1. при наведении курсора мыши на HREF из (innerlinks)
2. на нажмите на href from (internallinks)
   Я хочу другой звук onclick и onmouseover.
   Каков наилучший способ?

спасибо!

<div id="HoverHeader"> 
    <div id="SiteHeader"> 
     <div id="MainNav"> 
      <div id="btnNav"><img src="../../../000Frames/site/images/menu-bt.png" alt="menu"/></div> 
      <uc1:mainNav ID="mainNav1" runat="server" /> 
      <a href="../../../home/a/main" id="logo"></a> 
      <div id="InnerLinks"> 
       <a href="../../../company/a/portfolio" id="portfolioLink">תיק עבודות</a> 
       <a href="../../../company/a/customers" id="customersLink">לקוחותינו</a> 
       <a href="../../../company/a/about/?ContentID=245" id="aboutLink">אודותנו</a> 
       <a href="../../../company/a/contact" id="contactLink">צור קשר</a> 
      </div> 
     </div> 
    </div> 
</div> 

Answer 1

Вы можете добавить несколько аудио теги на странице и воспроизводить их, как описано в этой статье - Play Sound on :hover | CSS-Tricks.

<audio> 
    <source src="audio/beep.mp3"></source> 
    <source src="audio/beep.ogg"></source> 
    Your browser isn't invited for super fun audio time. 
</audio> 

<script> 
    var audio = $("#mySoundClip")[0]; 
    $("nav a").mouseenter(function() { 
     audio.play(); 
    }); 
</script> 

Answer 2

Для этого необходим JavaScript и аудио тег. Это из http://css-tricks.com/play-sound-on-hover/
Для парения звука:

<audio id="hover"> 
    <source src="audio/hover.mp3"></source> 
    <source src="audio/hover.ogg"></source> 
    Your browser isn't invited for super fun audio time. 
</audio> 
var hover = $("#hover")[0]; 
$(".InnerLinks a").mouseenter(function() { 
    hover.play(); 
}); 

Для звука метронома:

<audio id="click"> 
    <source src="audio/click.mp3"></source> 
    <source src="audio/click.ogg"></source> 
    Your browser isn't invited for super fun audio time. 
</audio> 

    var click = $("#click")[0]; 
    $(".InnerLinks a").click(function() { 
     click.play(); 
    }); 

Demos at CSS Tricks