Whe mouse pointer placed on an element I want to show some text. For example if you place your cursor on upvote of an answer, it shows "This answer is useful". You can see it in below image. I did't even know how to search this.

Whe mouse pointer placed on an element I want to show some text. For example if you place your cursor on upvote of an answer, it shows "This answer is useful". You can see it in below image. I did't even know how to search this.

• javascript
• html

Share Improve this question Follow asked Feb 13, 2015 at 3:49 gangadharsgangadhars 2,72877 gold badges4444 silver badges7272 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 6

Add a title attribute to the element. That's what's done in the image above.

<a class="vote-up-off" title="This answer is useful.">up vote</a>

---

If you want a custom tooltip, see this answer. You would basically use a bination of pseudo elements and custom data-* attributes. You would give the pseudo elements a content value of attr(data-tooltip) in order to access the data-tooltip attribute, for instance.