"제목"속성의 툴팁 표시 속도 변경 방법이 있습니까?

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

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

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

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

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

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

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

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

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

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

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

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

TippyJS에는 10 억 개의 사용자 정의 옵션이 있습니다.

How IT