hay alguna posibilidad de hacer una función js onclick, que si alguien hace clic en ese icono automáticamente se mostrará el texto del título, o cuando alguien mueve el mouse sobre él, el título se mostrará sin ningún ¿retrasar? En este momento, el título del elemento sale después de 1 segundo.emergencias de título automáticamente sin demora
7
A
Respuesta
3
No podrá anular el comportamiento predeterminado del navegador de cómo muestra la información sobre herramientas que contiene el texto de atributo title
, pero puede seguir los pasos de esta otra pregunta para mostrar y ocultar un div
que contiene el texto relevante (el enfoque usa jQuery y se ocupa de desplazarse, pero agregar un controlador click
no es muy exagerado).
jQuery Hide/Show with Slide on Hover... better way to do this?
14
puede probar esto, css puro, sin JS:
HTML:
<div class="hover">
Hover Me
<div class="tooltip">
Tooltip goes here
</div>
</div>
CSS:
.hover{
border:1px solid black;
text-align:center;
width:150px;
position:relative;
}
.tooltip{
display:none;
position:absolute;
border:1px solid red;
border-radius: 5px;
padding:5px;
top:-10px;
left:200px;
width: 300px;
}
.hover:hover .tooltip{
display:block;
}
9
I just answered the same question
Tendrá que crear su propia información sobre herramientas. No es necesario JavaScript, CSS puro es suficiente:
.tooltip {
display: none;
position: absolute;
background: #ffe;
border: 1px solid #eed;
border-radius: 4px;
padding: 2px 4px;
}
:hover + .tooltip {
display: block;
}
body { font-family: sans-serif; }
<div>Hover for tooltip</div>
<span class="tooltip">Tooltip text goes here</span>
Cuestiones relacionadas
- 1. llamada setTimeout sin demora
- 2. Cocoa Mac Título de la aplicación Título: "sin título"
- 3. setBackButtonBackgroundImage sin título IOS5
- 4. Publicar sin título en Jekyll
- 5. Demora: ¿Desplazarse en CSS3?
- 6. cómo transmitir sonido en java sin demora utilizando SourceDataLine
- 7. La transacción Spring + Hibernate demora 25 segundos sin hacer nada
- 8. Barra lateral dinámica de Wordpress sin título
- 9. Barra de título personalizada sin relleno (Android)
- 10. UITabBarItem personalizado sin etiqueta de título
- 11. demora JQuery effects
- 12. Cambiar demora larga de clic
- 13. Diálogo personalizado sin título y borde
- 14. Demora al cargar imágenes de fondo CSS
- 15. demora a MouseLeave en jQuery
- 16. Demora de tiempo antes de redirigir
- 17. qtip2 botón de cerrar sin una barra de título
- 18. Ocultar el título de la barra de navegación sin quitarlo
- 19. QT4 Ventana de arrastre sin barra de título
- 20. Demora de tiempo al hacer clic
- 21. Demora de consulta óptima para autocompletar
- 22. Actualizar desde svn sin fusionar automáticamente
- 23. Qt 4: mover ventana sin barra de título
- 24. ¿Cómo actualizar automáticamente una aplicación sin ClickOnce?
- 25. Twitter Bootstrap Popup ignora la demora
- 26. ¿Cómo puedo detectar si una tarjeta de red no está conectada con Java sin demora?
- 27. jquery demora que se siga un enlace
- 28. ¿SetTimeout sin demora es lo mismo que ejecutar la función al instante?
- 29. ¿Cuánto demora la notificación push ios?
- 30. ¿Socket.io demora en disparar el evento "desconectar"?
posible duplicado de [Cambiar la rapidez con que aparezca una sugerencia del atributo "title"] (http: // stackoverflow. com/questions/9150796/change-how-fast-title-attributes-tooltip-aparece) –