Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body>
  <audio id="beep-one" preload="auto">
                <source src="http://soundclan.myjino.ru/html-nav-sound/audio/nav-sound-1.mp3" controls></source>
                <source src="http://soundclan.myjino.ru/html-nav-sound/audio/nav-sound-1.ogg" controls></source>
                Ваш браузер не поддерживает замечательный Ñлемент &lt;audio&gt;.
            </audio>
  <audio id="beep-two" preload="auto">
                <source src="http://soundclan.myjino.ru/html-nav-sound/audio/nav-sound-2.mp3" controls></source>
                <source src="http://soundclan.myjino.ru/html-nav-sound/audio/nav-sound-2.ogg" controls></source>
                Ваш браузер не поддерживает замечательный Ñлемент &lt;audio&gt;.
            </audio>
  
<ul id="nav-two" class="nav">
           <li>
            <a href="#" class="beep">Главный</a>
            </li>
           <li><a href="#" class="beep">О наÑ</a></li>
           <li><a href="#" class="beep">Клиенты</a></li>
           <li><a href="#" class="beep">СвÑзатьÑÑ Ñ Ð½Ð°Ð¼Ð¸</a></li>
        </ul>
</body>
</html>
 
$(function() {
  $('#nav-two').on('click mouseenter', 'a', function(e) {
    if (e.type === 'mouseenter') {
      $('#beep-one')[0].play();
    }
    if (e.type === 'click') {
      e.preventDefault();
      $('#beep-two')[0].play();
    }
  });
});
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers