사용자의 평판에 마우스를 올려 놓는 것처럼 자바 스크립트없이 마우스 오버 텍스트 추가

사용자의 평판에 마우스를 올려 놓는 것처럼 자바 스크립트없이 마우스 오버 텍스트 추가

---

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 가지 옵션을 제공합니다.

참고 : https://stackoverflow.com/questions/11022843/add-hover-text-without-javascript-like-we-hover-on-a-users-reputation