2012-02-05 10 views
79

¿Hay alguna forma de cambiar la velocidad de 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 que tardan unos segundos en aparecer.Cambiar qué tan rápido aparece la información sobre herramientas del atributo "título"

+1

¿No sería determinado por el sistema operativo y/o navegador web? A menos que implemente su propio tooltip dinámico como [this] (http://www.dynamicdrive.com/dynamicindex5/dhtmltooltip.htm) (pero menos espantoso) :) – c24w

Respuesta

35

No, no hay manera. El atributo title se implementa de forma dependiente del navegador. Por ejemplo, recuerdo las diferencias entre IE y FF al usar \r\n dentro de él.

Mozilla's docs explican bien los límites y la funcionalidad.

Si desea personalización, puede echar un vistazo a los complementos de terceros como qTip2 que lo imitan usando divs y demás y le brindan un control total.

+0

Si está utilizando Foundation, tiene un buen componente de información sobre herramientas: http://foundation.zurb.com/docs/components/tooltips.html –

4

No es posible cambiar qué tan rápido aparece la información sobre herramientas del navegador predeterminado, pero puede usar uno de los complementos de información sobre herramientas (aquí son pocos: http://www.1stwebdesigner.com/css/stylish-jquery-tooltip-plugins-webdesign/) donde puede personalizar muchas cosas, incluido el retraso.

+0

No se pudo encontrar ningún complemento de información sobre herramientas en el enlace proporcionado. – T30

+0

Sí, los enlaces mueren, sin embargo ... google: stylish-jquery-tooltip-plugins y un montón de páginas similares emergentes :-) – jcansell

19

Puede usar jqueryUI como se sugiere. Un ejemplo de control de la duración de la propiedad espectáculo:

$(".selector").tooltip({ show: { effect: "blind", duration: 800 } }); 
+4

Una referencia siempre ayuda: https://jqueryui.com/tooltip/ –

11

Jquery UI tooltip es extremadamente simple y personalizable: Sólo download o include interfaz de usuario jQuery en su página.

Si desea que todos la información sobre herramientas de la página para mostrar inmediatamente en vuelo estacionario, sólo tiene que utilizar 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 a afectar sólo a una clase, y ajustar la velocidad o el efecto personalizado:

$('.yourClass').tooltip({show: {effect:"none", delay:0}}); 
Cuestiones relacionadas