When we place the cursor over a link, if the title attribute is set for the link, a text prompt with a pale yellow background will be displayed floating, which is the most basic tooltips reminder tool. But its ordinary appearance is really difficult to notice. Using JavaScript, you can generate some beautiful and advanced tooltips. These prompts are not only limited to text, but also images, audios, videos, and even frames. They can also contain HTML elements, CSS is easy to beautify.
The purpose of the reminder is to attract the access eye.16 JavaScript tooltips tip tools.
1. helpballoon. js (presentation address)
Flexible Control
2. jquery. UI messengeroutlook like Message notification widget (Demo address)
This jquery. UI control is similar to the messengeroutlook message pop-up reminder box.
3. Step by step (Demo address)
This script displays and introduces the content on the current page step by step. The effect is similar to tooltips.
4. beautytips
Beautytips is a jquery tooltip plug-in.
5. QTip
6. Simple tooltip
Simple tooltip is a very simple tooltip jquery plug-in.
7. side navigation tooltip (Demo address)
Use jquery to add tooltips bubble prompts for the navigation menu.
8. notimoo (Demo address)
The notimoo mootools plug-in can add messages similar to the growl style to your website.
9. Ajax tooltip script
This tooltip uses ajax to obtain the content to be displayed by the link specified by the page tag title attribute.
10. growler (Demo address)
Growler is a producer that uses the prototype framework to display notification messages in the lower right corner of the page or other locations. Similar to a message in the lower right corner of QQ or MSN.
11. jquery-rolover-tooltip (presentation address)
Using jquery, A tooltip is displayed when you move the mouse over the icon. The content in the bubble is read from the HTML tags attribute.
12. moptip (Demo address)
Moptip is a tooltips plug-in developed using jquery. Tested and supported browsers such as safari4, firefox3, opera9, IE6, IE7, IE8, and Google Crome.
13. Mobile tooltip widget
A gwt control that displays tooltips on an image. As the mouse moves over the image, tooltips also moves.
14. Roar (Demo address)
Roar is a mootools plug-in that can bring up message notifications in the lower right corner of the screen. Similar to the pop-up message in the lower right corner of QQ or MSN.
15. CSS tooltip
You can use CSS and JavaScript to design your tooltips style.
16. Horizontal tooltips menu (Demo address)
A horizontal menu with tooltip prompts. The tooltip slides across the menu panel.