"제목"속성의 툴팁 표시 속도 변경


140

요소의 "제목"속성에서 툴팁의 속도를 변경하는 방법이 있습니까? 툴팁이 즉시 나타나면 좋았지 만, 몇 초가 걸리는 것 같습니다.


1
운영 체제 및 / 또는 웹 브라우저에 의해 결정되지 않습니까? 당신은 같은 자신의 동적 툴팁 구현하지 않는 한 (미만 끔찍한를) :)
c24w

확실히이 기능은 html / css 표준에 추가되어야합니다.
Arnaud

답변:


79

아니요, 방법이 없습니다. 이 title속성은 브라우저에 따라 다릅니다. 예를 들어 \r\n내부에서 사용할 때 IE와 FF의 차이점을 기억 합니다.

Mozilla의 문서 는 한계와 기능을 잘 설명합니다.

커스터마이제이션을 원한다면 div와 물건을 사용하여 모방하고 완전한 제어를 제공하는 qTip2 와 같은 타사 플러그인을 살펴볼 수 있습니다 .


당신이 재단을 사용하는 경우, 그들은 꽤 좋은 툴팁 구성 요소가 : foundation.zurb.com/docs/components/tooltips.html
대니 R

29

제안 된대로 jqueryUI를 사용할 수 있습니다. show 속성의 지속 시간을 제어하는 ​​예 :

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

15

Jquery UI 툴팁 은 매우 간단하고 사용자 정의 가 가능합니다. 페이지에 jquery UI를 다운로드 하거나 포함 하십시오.

페이지의 모든 툴팁이 호버에 즉시 표시되도록하려면 다음을 사용하십시오.

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

이것은 'title'속성이있는 모든 요소에 적용됩니다. 선택기 만 수정하여 클래스에만 영향을주고 사용자 정의 속도 또는 효과를 설정할 수 있습니다.

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

5

기본 브라우저의 툴팁이 표시되는 속도를 변경할 수는 없지만 툴팁 플러그인 중 하나를 사용할 수 있습니다 ( http://www.1stwebdesigner.com/css/stylish-jquery-tooltip-plugins-webdesign/ ) 지연을 포함하여 많은 것을 사용자 정의 할 수 있습니다.


1
제공된 링크에서 툴팁 플러그인을 찾을 수 없습니다.
T30

1
예-그러나 링크는 죽습니다 .. google : stylish-jquery-tooltip-plugins 및 유사한 페이지가 팝업됩니다 :-)
jcansell

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.