FTP | CCD | Buscar | Trucos | Trabajo | Foros |
|
Registrarse | FAQ | Miembros | Calendario | Guía de estilo | Temas de Hoy |
|
Herramientas | Buscar en Tema | Desplegado |
#1
|
|||
|
|||
Agrandar botones al pasar el cursor
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?? |
#2
|
||||
|
||||
que tipo de botones son, muchos hacen efecto rollover con imágenes
|
#3
|
||||
|
||||
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> |
#4
|
|||
|
|||
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... |
#5
|
||||
|
||||
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...
__________________
Buena caza y buen remar... http://mivaler.blogspot.com |
|
|
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 |
|