javascript - how to play sound on a href click and mouseover -

javascript - how to play sound on a href click and mouseover -

this header:

i want add together sound impact twice:

on mouseover on href (innerlinks) on click on href (innerlinks) want different sound onclick , onmouseover. best way?

thanks!

<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>

you can add together couple sound tags on page , play them described in article - play sound on :hover | css-tricks.

<audio> <source src="audio/beep.mp3"></source> <source src="audio/beep.ogg"></source> browser isn't invited super fun sound time. </audio> <script> var sound = $("#mysoundclip")[0]; $("nav a").mouseenter(function() { audio.play(); }); </script>

javascript jquery html audio mouseover