Diseño...
Alo, mucho gusto. Me encuentro realizando mis primeras armas en diseño web (lo estoy haciendo en geocity), y quería saber si me podes ayudar para saber que código puedo utilizar para que cuando se posicione el cursor en un botón cambie la apariencia (A partir de otra imagen) el efecto iluminado u otro, o que reproduzca un pequeño mp3. Gracias por tu valiosa ayuda. Flavio.
1 Respuesta
Respuesta de riverophues
1
Exactamente no se lo que quieres hacer, vamos a ver si he entendido bien, quieres un efecto que haga que cuando pases el ratón sobre un botón que sea una imagen este cambie de aspecto.
Bueno, con este código puedes hacerlo:
<html>
<head>
<script language="javascript">
imagen1=new Image
imagen1.src="imagen01.gif"
imagen2=new Image
imagen2.src="imagen02.gif"
var i=1;
function cambiar() {
if (i == 1)
{
document.images['ejemplo'].src=imagen2.src
i=2;
}
else
{
document.images['ejemplo'].src=imagen1.src;
i=1;
}
}
</script>
</head>
<body>
<img src="imagen1.gif" name="ejemplo" onMousedown="cambiar()">
</body>
</html>
Para reproducir un mp3 al pulsar el boton, tendrias que poner la ruta del mp3 en el link:
<a href="sonidos/musica.mp3">REPRODUCIR</a>
Si ves que no es esto lo que querías hacer dímelo, que no tengo muy claro si era esto lo que querías.
Bueno, con este código puedes hacerlo:
<html>
<head>
<script language="javascript">
imagen1=new Image
imagen1.src="imagen01.gif"
imagen2=new Image
imagen2.src="imagen02.gif"
var i=1;
function cambiar() {
if (i == 1)
{
document.images['ejemplo'].src=imagen2.src
i=2;
}
else
{
document.images['ejemplo'].src=imagen1.src;
i=1;
}
}
</script>
</head>
<body>
<img src="imagen1.gif" name="ejemplo" onMousedown="cambiar()">
</body>
</html>
Para reproducir un mp3 al pulsar el boton, tendrias que poner la ruta del mp3 en el link:
<a href="sonidos/musica.mp3">REPRODUCIR</a>
Si ves que no es esto lo que querías hacer dímelo, que no tengo muy claro si era esto lo que querías.
