Cambiar la rapidez con que aparece la información sobre herramientas del atributo "título"

140

¿Hay alguna manera de cambiar la rapidez con la información sobre herramientas del atributo "título" de un elemento? Me gustaría que la información sobre herramientas apareciera de inmediato, pero parece tardar unos segundos en aparecer.

Profesor
fuente
1
¿No lo determinaría el sistema operativo y / o el navegador web? A menos que implemente su propia información dinámica sobre herramientas de esta manera (pero menos horrible) :)
c24w
Definitivamente, esta característica debe solicitarse que se agregue en los estándares html / css.
Arnaud

Respuestas:

79

No, no hay manera El titleatributo se implementa de forma dependiente del navegador. Por ejemplo, recuerdo las diferencias entre IE y FF cuando lo uso \r\ndentro de él.

Los documentos de Mozilla explican bien los límites y la funcionalidad.

Si desea personalizar, puede echar un vistazo a los complementos de terceros, como qTip2, que lo imitan con divs y otras cosas y le proporcionan control total.

Darin Dimitrov
fuente
Si está utilizando Foundation, tienen un componente de información sobre herramientas bastante bueno: foundation.zurb.com/docs/components/tooltips.html
Danny R
29

Puede usar jqueryUI como se sugiere. Un ejemplo de control de la duración en la propiedad show:

$( ".selector" ).tooltip({ show: { effect: "blind", duration: 800 } });
centarix
fuente
15

La información sobre herramientas de Jquery UI es extremadamente simple y personalizable: simplemente descargue o incluya jquery UI en su página.

Si desea que todas las informaciones sobre herramientas de su página se muestren inmediatamente al pasar el mouse, simplemente use esto:

$(document).tooltip({show: null});

Tenga en cuenta que esto se aplica a todos los elementos que tienen un atributo 'título'. Puede modificar el selector para afectar solo a una clase y establecer una velocidad o efecto personalizado:

$('.yourClass').tooltip({show: {effect:"none", delay:0}});
T30
fuente
5

No es posible cambiar la rapidez con la que aparece la información sobre herramientas del navegador predeterminado, pero puede usar uno de los complementos de información sobre herramientas (aquí hay algunos: http://www.1stwebdesigner.com/css/stylish-jquery-tooltip-plugins-webdesign/ ) donde puede personalizar muchas cosas, incluida la demora.

Slawomir Wdowka
fuente
1
No se pudo encontrar ningún complemento de información sobre herramientas en el enlace proporcionado.
T30
1
sí, los enlaces mueren, sin embargo ... google: plugins con estilo-jquery-tooltip y un montón de páginas similares aparecen :-)
jcansell