2012-02-05 14 views
79

Czy istnieje sposób na zmianę szybkości etykiety narzędzia z atrybutu "tytuł" elementu? Chciałbym, żeby od razu pojawiła się podpowiedź, ale potrzeba kilku sekund, aby ją zobaczyć.Zmienić, jak szybko pojawia się etykietka narzędzia atrybutu "tytuł"

+1

Czy to nie być określona przez system operacyjny i/lub przeglądarki internetowej? Chyba, że ​​zaimplementujesz własną dynamiczną podpowiedź, taką jak [this] (http://www.dynamicdrive.com/dynamicindex5/dhtmltooltip.htm) (ale mniej odrażającą) :) – c24w

Odpowiedz

35

Nie, nie ma mowy. Atrybut title jest zaimplementowany w sposób zależny od przeglądarki. Na przykład pamiętam różnice między IE i FF, gdy używam wewnątrz niego \r\n.

Mozilla's docs dobrze wyjaśnić granice i funkcjonalność.

Jeśli chcesz dostosować, możesz rzucić okiem na wtyczki innych firm, takie jak qTip2, które naśladują je za pomocą elementów div i innych oraz zapewniają pełną kontrolę.

+0

Jeśli używasz Foundation, mają one całkiem dobry komponent komponentu tooltipu: http://foundation.zurb.com/docs/components/tooltips.html –

4

Nie można zmienić szybkości wyświetlania podpowiedzi domyślnej przeglądarki, ale można użyć jednej z wtyczek podpowiedzi (tutaj jest kilka: http://www.1stwebdesigner.com/css/stylish-jquery-tooltip-plugins-webdesign/), w których można dostosować wiele rzeczy, w tym opóźnienie.

+0

Nie można znaleźć wtyczki tooltip w podanym linku. – T30

+0

tak - linki umierają, jednak .. google: stylish-jquery-tooltip-plugins i ładunek podobnych stron pojawiają się :-) – jcansell

19

Można użyć jqueryUI zgodnie z sugestią. Przykładem kontrolowania czasu na nieruchomości przedstawiają:

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

Odwołanie zawsze pomaga: https://jqueryui.com/tooltip/ –

11

Jquery UI tooltip jest niezwykle prosty i konfigurowalny: Tylko download lub include jQuery UI na swojej stronie.

Jeśli chcesz wszystkie podpowiedzi z Twojej strony, aby pokazać natychmiast po aktywowaniu, wystarczy użyć tego:

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

Należy pamiętać, że dotyczy to wszystkich elementów, które mają atrybut „title”. Można zmodyfikować wybieraka wpływają tylko klasę i ustawić niestandardowe prędkość lub efekt:

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