Foros del Web » Creando para Internet » HTML »

Descripcion al pasar cursor html

Estas en el tema de Descripcion al pasar cursor html en el foro de HTML en Foros del Web. Saludos a la comunidad me podrian decir como puedo mostrar un mensaje al pasar el cursor sobre un boton con alguna libreria de jquery ? ...
  #1 (permalink)  
Antiguo 16/12/2014, 15:05
 
Fecha de Ingreso: septiembre-2013
Mensajes: 57
Antigüedad: 7 años, 8 meses
Puntos: 0
Pregunta Descripcion al pasar cursor html

Saludos a la comunidad

me podrian decir como puedo mostrar un mensaje al pasar el cursor sobre un boton
con alguna libreria de jquery ?

gracias
  #2 (permalink)  
Antiguo 16/12/2014, 19:12
Avatar de Rafael
Modegráfico
 
Fecha de Ingreso: marzo-2003
Mensajes: 9.027
Antigüedad: 18 años, 3 meses
Puntos: 1826
Respuesta: Descripcion al pasar cursor html

Yo buscaba alguna que me guste:
https://www.google.com.mx/search?q=j...ooltip&spell=1

Blogs como este tienen compilaciones interesantes: http://speckyboy.com/2009/09/16/25-u...and-tutorials/

Algunas oudated, pero si sigues los links revisas las que estén más desarrolladas o recientes.

Las revisaba y la más amigable es la que implementaba. Se llama tooltip.

Una variante es buscar "pure css tooltip", y encuetras cosas interesantes: http://jsfiddle.net/greypants/zgCb7/
  #3 (permalink)  
Antiguo 17/12/2014, 12:39
Avatar de GeekGirl  
Fecha de Ingreso: julio-2014
Mensajes: 423
Antigüedad: 6 años, 11 meses
Puntos: 44
Respuesta: Descripcion al pasar cursor html

Poniendo un title ya ves el mensaje sin necesidad de implementar una pesada galería. Si querés que se vea más bonito ahí ya es otra cosa ;)

Código HTML:
<button title="Un mensaje al pasar el cursor">Botón</button> 
  #4 (permalink)  
Antiguo 18/12/2014, 20:24
Avatar de fede5426  
Fecha de Ingreso: diciembre-2014
Ubicación: Córdoba
Mensajes: 446
Antigüedad: 6 años, 6 meses
Puntos: 208
Respuesta: Descripcion al pasar cursor html

Cita:
Iniciado por GeekGirl Ver Mensaje
Poniendo un title ya ves el mensaje sin necesidad de implementar una pesada galería. Si querés que se vea más bonito ahí ya es otra cosa ;)

Código HTML:
<button title="Un mensaje al pasar el cursor">Botón</button> 
Agrego info, si te resultan aburridos los title por defecto, ahora se les puede dar estilo.

Te dejo dos links donde dan ejemplos de como hacerlo:

http://programandoointentandolo.com/2013/03/crear-tooltips-usando-css.html

http://vagabundia.blogspot.com/2012/12/tooltips-con-css-mas-simple-imposible.html

Saludos.

Etiquetas: cursor, descripcion
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 12:52.