Zmień szybkość wyświetlania podpowiedzi atrybutu „tytuł”

145

Czy istnieje sposób na zmianę szybkości wyświetlania podpowiedzi z atrybutu „tytuł” ​​elementu? Chciałbym, żeby opis pojawił się natychmiast, ale wydaje się, że pojawia się on po kilku sekundach.

Proffesor
źródło
1
Czy nie zostałoby to określone przez system operacyjny i / lub przeglądarkę internetową? Chyba że zaimplementujesz własną dynamiczną podpowiedź, taką jak ta (ale mniej ohydna) :)
c24w
1
Zdecydowanie należy poprosić o dodanie tej funkcji w standardach html / css.
Arnaud

Odpowiedzi:

80

Nie, nie ma mowy. titleAtrybut jest realizowany w sposób zależny od przeglądarki. Na przykład pamiętam różnice między IE i FF, gdy używam \r\nw nim.

Dokumentacja Mozilli dobrze wyjaśnia ograniczenia i funkcjonalność.

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

Darin Dimitrov
źródło
Jeśli używasz Foundation, mają całkiem niezły komponent podpowiedzi: Foundation.zurb.com/docs/components/tooltips.html
Danny R
30

Możesz użyć jqueryUI zgodnie z sugestią. Przykład kontrolowania czasu trwania we właściwości show:

$( ".selector" ).tooltip({ show: { effect: "blind", duration: 800 } });
centarix
źródło
15

Etykietka interfejsu użytkownika jquery jest niezwykle prosta i można ją dostosować: wystarczy pobrać lub dołączyć interfejs jquery do swojej strony.

Jeśli chcesz, aby wszystkie podpowiedzi na Twojej stronie były wyświetlane natychmiast po najechaniu myszą, użyj tego:

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

Pamiętaj, że dotyczy to wszystkich elementów, które mają atrybut „tytuł”. Możesz zmodyfikować selektor, aby wpływał tylko na klasę i ustawić niestandardową prędkość lub efekt:

$('.yourClass').tooltip({show: {effect:"none", delay:0}});
T30
źródło
5

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

Sławomir Wdówka
źródło
1
W podanym linku nie można znaleźć żadnej wtyczki do podpowiedzi.
T30
1
tak - linki umierają, jednak ... google: stylowe-jquery-tooltip-plugins i
mnóstwo