Ändern Sie, wie schnell der Tooltip des Attributs "title" angezeigt wird

139

Gibt es eine Möglichkeit zu ändern, wie schnell der Tooltip aus dem Attribut "title" eines Elements stammt? Ich würde es mögen, wenn der Tooltip sofort erscheint, aber es scheint ein paar Sekunden zu dauern, bis er angezeigt wird.

javascript html

— Proffesor
quelle

1

Würde das nicht vom Betriebssystem und / oder Webbrowser bestimmt? Es sei denn, Sie implementieren Ihren eigenen dynamischen Tooltip wie diesen (aber weniger abscheulich) :)

— c24w

Auf jeden Fall sollte diese Funktion in den HTML / CSS-Standards hinzugefügt werden.

— Arnaud

78

Nein, es gibt keinen Weg. Das titleAttribut wird browserabhängig implementiert. Zum Beispiel erinnere ich mich an Unterschiede zwischen IE und FF, wenn ich \r\ndarin verwende.

Mozillas Dokumente erklären die Grenzen und Funktionen gut.

Wenn Sie Anpassungen wünschen, können Sie sich Plugins von Drittanbietern wie qTip2 ansehen, die diese mithilfe von Divs und anderen Dingen nachahmen und Ihnen die volle Kontrolle geben.

— Darin Dimitrov
quelle

Wenn Sie Foundation verwenden, haben sie eine ziemlich gute Tooltip-Komponente: Foundation.zurb.com/docs/components/tooltips.html

— Danny R

29

Sie können jqueryUI wie vorgeschlagen verwenden. Ein Beispiel für die Steuerung der Dauer in der show-Eigenschaft:

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

— Centarix
quelle

15

Der Tooltip für die Jquery-Benutzeroberfläche ist äußerst einfach und anpassbar: Laden Sie einfach die JQuery-Benutzeroberfläche herunter oder fügen Sie sie in Ihre Seite ein.

Wenn Sie möchten, dass alle QuickInfos Ihrer Seite beim Schweben sofort angezeigt werden, verwenden Sie einfach Folgendes:

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

Beachten Sie, dass dies für alle Elemente gilt, die ein 'title'-Attribut haben. Sie können den Selektor so ändern, dass er nur eine Klasse betrifft, und die benutzerdefinierte Geschwindigkeit oder den benutzerdefinierten Effekt festlegen:

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

— T30
quelle

5

Es ist nicht möglich zu ändern, wie schnell der Tooltip des Standardbrowsers angezeigt wird. Sie können jedoch eines der Tooltip-Plugins verwenden (hier einige: http://www.1stwebdesigner.com/css/stylish-jquery-tooltip-plugins-webdesign/) ) wo Sie viele Dinge anpassen können, einschließlich Verzögerung.

— Slawomir Wdowka
quelle

1

Unter dem angegebenen Link konnte kein Tooltip-Plugin gefunden werden.

— T30

1

Ja - Links sterben jedoch. Google: Stylic-JQuery-Tooltip-Plugins und eine

— Menge

0

TippyJS verfügt über eine Milliarde Anpassungsoptionen.