Как сделать горизонтальное меню со звуком?

[Terakota]

Подскажите пожалуйста, как сделать меню со звуком. Звук при наведении курсора на кнопочку. Можно ли добавить звук к уже готовому меню на CSS?

[Modestes]

Сам никогда не юзал, но вот, может поможет

[dostel1]

function foo(src){
audio=document.createElement('audio')
	audio.src=src
	audio.play()
}


<input type="button" onmouseover="foo('1.mp3')"  value="НАВЕДИ" />

Ну з форматами проблема.Хром+

Как убрать музику при отведении мышки не знаю.

Нужно вызать audio.pause() именно для этого трека.Может кто подскажет:?

Edited April 26, 2012 by dostel1

[dostel1]

Или

<input type="button" onmouseover="aa()" onmouseout="bb()" value="НАВЕДи"  />
  <audio id="audio">

    <source src="1.mp3" type="audio/mpeg">

  </audio>
  <script>
  function aa(){
 // document.getElementById('audio').style.display='block'
  document.getElementById('audio').play()
  }
    function bb(){
  //document.getElementById('audio').style.display='none'
  document.getElementById('audio').pause()
  }
  </script>

Edited April 26, 2012 by dostel1

[Terakota]

Не очень все понятно. Может вы мне более подробнее объясните на наглядном примере? Имеется такое вот меню, скаченное на просторах инета

Значит вот это HTML:

<div id="hmenu21"><a href=" " >Главная страница</a></div>

<div id="hmenu21"><a href=" " >Фотогалерея</a></div>

<div id="hmenu21"><a href=" " >Видео</a></div>

Ну, я тут его под себя делала

И CSS:

#hmenu21 {

float: center;

}

#hmenu21 a {

text-decoration: none;

color: #ffffff;

background: url(/menu/menu_a.png) repeat center top;

display: block;

height: 34px;

width: 153px;

text-align: center;

font: bold 12px/33px tahoma, Times, serif;

color: rgb(0, 153, 255);

}

#hmenu21 a:hover {

background: url(/menu/menu_b.png) repeat top center;

display: block;

height: 34px;

width: 153px;

color: #ffffff;

text-align: center;

font: bold 12px/33px tahoma, Times, serif;

color: rgb(12, 9, 9);

}

Что и куда надо вставить, чтобы при наведении курсора на кнопочку, происходил звук?

[Terakota]

Ребята, ну подскажите кто-нибудь.

[Sensei]

Вот посмотрите тут не уверен, что кто-то будет вам готовый код делать, если вы этого ждете. Если все же статья не поможет, постараюсь помочь, но только завтра, сейчас у меня уже поздно.