La pregunta es bien sencilla (espero que su respuesta también :P )
¿le puedo agregar un sonido a un menú desplegable hecho con CSS?, es decir: al pasar el mouse por encima :P
Es lo que me falta para finalizar mi website!!
:-D
Quizás con html5, css3 y un poquito de javascript
Poner sonido en una web no es tan facil como pinta.
Tienes un montón de tags que lo hacen... <source>, <audio>, <embed>, <object>... pero los navegadores tienen sus propios codecs y cada uno hace lo que le de la gana....
Un ejemplo:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Prueba</title>
<script type="text/javascript">
function hsonido(){
// Obtenemos el objeto mediante Id.
var elementoSonido=document.getElementById('sonido');
// Pausamos no tiene stop -.-
elementoSonido.pause();
// Ponemos desde el principio
elementoSonido.currentTime = 0;
// Iniciamos
elementoSonido.play();
}
</script>
</head>
<body>
<!-- Elemento de audio con display:none; para que no se muestre para nada. -->
<audio style="display:none;" id="sonido" src="sonido.wav" preload="auto" autobuffer></audio>
<!-- No creo que haya necesidad de explicarlo -->
<a href="" onmouseover="hsonido();">Menu 1</a>
<br />
<a href="" onmouseover="hsonido();">Menu 2</a>
</body>
</html>PD: El tag audio es puro HTML5... así que olvídate de que funcione con IE7 o IE8 sin complementos ni js adicional.
PD2: Con jQuery seria mucho mas fácil =P
Saludos
Es lo mismo en jquery, solo cambia la sintaxis de js.
Lo decía por los plugins que se encargarían de mostrar las etiquetas adecuadas para las diferentes versiones de los navegadores =)
Saludos
La idea es que funcioens en Mozilla firefox y en Google Chrome.
Podría hacer la maquetación del sitio con Css y el menú (con sonidos) en JQuery??
Claro =)
Saludos