사용자의 평판에 호버링하는 것처럼 자바 스크립트없이 호버 텍스트 추가 소스 코드는 js없이 수행 할

stackoverflow에서 사용자의 평판을 가리키면 텍스트가 표시됩니다. 나는 이것을 여러 곳에서 보았고 소스 코드는 js없이 수행 할 수 있다고 알려줍니다. 그리고 나는 이것 만 시도했다.

 <div="text">hover me</div>


답변

title예를 들어 다음 과 같은 속성을 사용하십시오 .

<div title="them's hoverin' words">hover me</div>

또는:

<span title="them's hoverin' words">hover me</span>

답변

title 속성은 다른 html 요소 (예 : 링크) 와도 잘 작동합니다.

<a title="hover text" ng-href="{{getUrl()}}"> download link
</a>

답변

종종이 상황에서 약어 html 태그에 도달합니다.

<abbr title="Hover">Text</abbr>

https://www.w3schools.com/tags/tag_abbr.asp


답변

툴팁을 찾고 있습니다

기본 툴팁의 경우 다음을 원합니다.

<div title="This is my tooltip">

더 멋진 자바 스크립트 버전의 경우 다음을 살펴볼 수 있습니다.

http://www.designer-daily.com/jquery-prototype-mootool-tooltips-12632

위의 링크는 툴팁에 대한 12 가지 옵션을 제공합니다.