Agrandar botones al pasar el cursor

LuisAlf:: · #1 06-10-2010

Hola!!!

Estoy aprendiendo programacion web, y apenas estamos viendo algo de codigo javascript.. con visual studio 2008...

Me gustaria saber como le hacen en algunas paginas para agrandar opciones cuando se pasa el cursor por ellos y regresan a su tamaño original cuando se esta fuera de ellos...quize hacerlo con unos botones y eventos de javascript como onmouseover....pero no encuentro como manipular las propiedades de width y height...

Si estoy por rumbo equivocado...les agradeceria su ayuda...

Como se puede hacer esto??

adeszeus · #2 07-10-2010

que tipo de botones son, muchos hacen efecto rollover con imágenes

roman · #3 07-10-2010

Hay muchos efectos que puedes lograr sin necesidad de javascript. El aspecto de un elemento en tu página está controlado por CSS y éste cuenta con una pseudo propiedad hover que sirve para dar el estilo deseado precisamente cuando el ratón está sobre el elemento.

Aquí un ejemplo muy sencillo:

Código:

<!DOCTYPE HTML>
<html>
<head>
<title> Botón </title>
<meta http-equiv='content-type' content='text/html; charset=iso-8859-1'>
<style type='text/css'>
.boton {
    cursor: hand;
    background-color: #336600;
    font: .9em sans-serif;
    color: #FFFFFF;
    width: 100px;
    height: 30px;
    border: 1px solid silver;
    text-align: center;
    line-height: 30px;
}

.boton:hover {
    width: 105px;
    height: 35px;
    line-height: 35px;
    color: #B7FF22;
}
</style>
</head>

<body>
<div class='boton'>
Aprieta
</div>
</body>
</html>

// Saludos

LuisAlf:: · #4 07-10-2010

Sabia que por hay iba el asunto....

Ya que habia visto estas propiedades en el codigo html (width y height)

Ok Gracias...voy a implementarlo y haber como funciona la css...

[movorack] · #5 07-10-2010

Puedes conseguir ese efecto de una manera sencilla con CSS (:hover)

no solo podrás cambiar el color del texto, tambièn puedes cambiar el tamaño, tipografia y hasta el fondo del elemento.

si esto no te es suficiente entonces si echas mano de javascript

je llegué tarde a responder...

Temas Similares
Tema	Autor	Foro	Respuestas	Último mensaje
Pasar palabra bajo cursor en un programa a aplicación Delphi	Q37	API de Windows	7	13-01-2007 14:36:06
Fuentes para negrillas y agrandar las letras	Jorge Taveras	Impresión	2	16-04-2005 22:47:31
Cursor	subzero	Firebird e Interbase	1	21-02-2005 20:08:42
agrandar fuente en ticket	perico	Impresión	8	04-02-2005 02:55:29
Cursor	fmonte	Varios	2	26-08-2004 00:51:46