como hago que un boton cambie de color al pasar el raton????

beki_r_a · #1 (**permalink**) 06/09/2004, 10:47

soy muy nueva en esto (creo que se nota

), nececito que alguien me diga como puedo poner un boton en mi pagina el cual cambie de color cuando pase el raton por encima, la cosa es que lo hice en flash. pero el archivo es muy pesado y al cargal la pagina tarda muchisimo, si alguien me ayuda lo agradeceria muchisimo.

Beki

JavierB · #2 (**permalink**) 06/09/2004, 10:50

Hola beki_r_a. Bienvenida al Foro.

Intentalo así:

Código HTML:

<input type="button" onmouseover="this.backgroundColor='green'" onmouseout="this.backgroundColor=''" />

Saludos,

beki_r_a · #3 (**permalink**) 06/09/2004, 10:59

javier, agradezco el intento, pero no es ese el probrema, el boton el cuestion es un cuadro negro con un texto blanco en medio (tengo una imagen), lo que quiero es que al pasar el raton por encima (si hacer clik) pase a ser gris, si quieres te envio el swf para q veas como es mas o menos.

gracias por tu atencion.
Saludos

beki_r_a · #4 (**permalink**) 07/09/2004, 01:47

lo que estoy haciendo es esto http://personales.ya.com/beki_r_a/pa...aqualandia.htm , intento poner los botones de arriba de alguna manera que no tade tanto en cargar como ahora que esta hecho en flash, o si no alguna idea para que la pagina no tarde tanto en cargar, si alguien me ayuda lo agradeceria muchisimo

KarlanKas · #5 (**permalink**) 07/09/2004, 04:30

Prueba con esto:

<html>
<head>
<title>Untitled</title>
<style>
.boton{
padding:20px;
background:black;
color:white;
font:bold 10px/10px verdana;
width:100px;
cursor:pointer;
cursor:hand;
text-align:center;

}
</style>
</head>

<body>
<script>

</script>
<div
class="boton"
onmouseover="this.style.background='silver'"
onmouseout="this.style.background='black'"
onclick="location.href='http://www.camisa.com'">
CAMISA
</div>

</body>
</html>

beki_r_a · #6 (**permalink**) 07/09/2004, 05:11

muchas gracias, eso era lo que buscaba

saludos

KarlanKas · #7 (**permalink**) 07/09/2004, 05:15

Si tienes alguna duda me la dices!

beki_r_a · #8 (**permalink**) 08/09/2004, 09:15

muy buena tu pagina, he leido poco, pero esta interezante;
una preguntita, puedo hacer el mismo efecto de los botones con un gif, es que quiero que unas imagenes que van en la web cambien de aspecto al pasar el raton por encima.
gracias

KarlanKas · #9 (**permalink**) 08/09/2004, 15:16

<a href="pepe.html">
<img
src="imagen1.jpg"
onmouseover="this.src='imagen2.jpg'"
onmouseout="this.src='imagen1.jpg'"
>
</a>

Gracias por la crítica de la página

beki_r_a · #10 (**permalink**) 10/09/2004, 02:43

perfecto, muchas gracias

KarlanKas · #11 (**permalink**) 10/09/2004, 02:54

De nada! Para eso estamos!

beki_r_a · #12 (**permalink**) 16/09/2004, 10:56

como se puede hacer lo mismo precargando las imagenes??? como las precargo?? es que una vez colgado en internet va muy lento

JavierB · #13 (**permalink**) 16/09/2004, 11:11

Hola beki_r_a.

La pregarga la pones entre las etiquetas <head>

<script>
imagen1=new Image();
imagen1.src="imagen1.jpg";
imagen2=new Image();
imagen2.src="imagen2.jpg";
</script>

Y modificas un poco el código de KarlanKas (¡Hola abducido!

)

<img
src="imagen1.jpg"
onmouseover="this.src=imagen2.src"
onmouseout="this.src=imagen1.src">

Saludos,

beki_r_a · #14 (**permalink**) 16/09/2004, 11:24

ok, este codigo me funciona, muchas gracias, pero sigue funcionando lento, te tienes que quedar un rato sobre la imagen para que se vea en efecto ¿por que?
http://personales.ya.com/beki_r_a/proyectos_parques.htm
el efecto solo se lo aplique a la primera imagen (arriba la izquierda), pero tarda lo mismo que las demas.
otra vez gracias por responder

beki_r_a · #15 (**permalink**) 20/09/2004, 05:28

perdon, ese link es uno con flash, este es al que le aplique el script, sigue sin hacerme el efecto ¿que puedo hacer? http://personales.ya.com/beki_r_a/sub_parques.htm