Přehrývý zvuku po najetí cursoru

Přehrývý zvuku po najetí cursoru

~ Anonymní uživatel
~ 2 příspěvky

22. 11. 2012 #1

Ahoj. Mám tehle script. Funguje tak že když se přes nějaké slovo uvedené v menu najede cursorem tak se přehraje zvuk, ale nemůžu přijít na to jak udělat aby se ten zvuk přestal přehrávat pokud cursor sjede z toho slova.

<!DOCTYPE html>
<html>
<head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
</head>
<body>
    <div id="page-wrap">
        <section id="two"><div class="inside">
        <ul id="nav-two" class="nav">
           
               <a href="#">slovo_1</a>
               <audio id="beep-two">
                <source src="audio/beep.mp3" controls></source>
                <source src="audio/beep.ogg" controls></source>
                Your browser isn't invited for super fun time.
            </audio>
             <br>
           <a href="#">slovo_2</a>
       <br>
           <a href="#">slovo_3</a>
       <br>
           <a href="#">slovo_4</a>
        </ul>
        <script>$("#nav-two a")
  .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>
        </div></section>
    </div>
</body>
</html>

Asi by to mělo fungoval nějak pomocí mouseover , ale nevim jak ten zvuk ukončit. Když tam dám .stop() tak to nefunguje :o/

Nahlásit jako SPAM