Alterar a rapidez com que a dica de ferramenta do atributo "title" aparece

140

Existe uma maneira de alterar a rapidez com que a dica de ferramenta do atributo "title" de um elemento? Eu gostaria que a dica de ferramenta aparecesse imediatamente, mas parece levar alguns segundos para aparecer.

Proffesor
fonte
1
Isso não seria determinado pelo sistema operacional e / ou navegador da web? A menos que você implementar sua própria dica dinâmico como este (mas menos hediondo) :)
c24w
Definitivamente, esse recurso deve ser adicionado aos padrões html / css.
Arnaud

Respostas:

79

Não, não tem jeito. O titleatributo é implementado de maneira dependente do navegador. Por exemplo, lembro-me das diferenças entre o IE e o FF ao usá- \r\nlo dentro dele.

Os documentos da Mozilla explicam bem os limites e a funcionalidade.

Se você deseja personalizar, consulte os plugins de terceiros, como o qTip2, que imitam o uso de divs e outras coisas e fornecem controle total.

Darin Dimitrov
fonte
Se você estiver usando Foundation, eles têm um bom componente muito dica: foundation.zurb.com/docs/components/tooltips.html
Danny R
29

Você pode usar o jqueryUI conforme sugerido. Um exemplo de controle da duração na propriedade show:

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

A dica de ferramenta da interface do usuário do Jquery é extremamente simples e personalizável: basta baixar ou incluir a interface do usuário do jquery na sua página.

Se você deseja que todas as dicas da sua página sejam exibidas imediatamente ao passar o mouse, basta usar o seguinte:

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

Observe que isso se aplica a todos os elementos que possuem um atributo 'title'. Você pode modificar o seletor para afetar apenas uma classe e definir velocidade ou efeito personalizado:

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

Não é possível alterar a rapidez com que a dica de ferramenta do navegador padrão aparece, mas você pode usar um dos plug-ins de dica de ferramenta (aqui estão alguns: http://www.1stwebdesigner.com/css/stylish-jquery-tooltip-plugins-webdesign/ ), onde você pode personalizar muitas coisas, incluindo atraso.

Slawomir Wdowka
fonte
1
Não foi possível encontrar nenhum plug-in de dica de ferramenta no link fornecido.
T30
1
sim - as ligações morrer, no entanto .. google: elegante-jquery-tooltip-plugins e uma carga de páginas semelhantes aparecer :-)
jcansell