programing tip

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

itbloger 2020. 7. 24. 07:51
반응형

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


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


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

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

커스터마이제이션을 원한다면 qTip2 와 같은 div 및 항목을 사용하여 모방하고 모든 권한을 제공하는 타사 플러그인을 살펴보십시오 .


제안 된대로 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/ ) 지연을 포함하여 많은 것을 사용자 정의 할 수 있습니다.

참고 URL : https://stackoverflow.com/questions/9150796/change-how-fast-title-attributes-tooltip-appears

반응형