Shulou(Shulou.com)06/02 Report--

Today, I will talk to you about what the 15 Tooltip tooltip jQuery plug-ins are, which may not be understood by many people. In order to make you understand better, the editor has summarized the following content for you. I hope you can get something according to this article.

Tooltip or infotip or hint is a common graphical user interface element. It is used in conjunction with a cursor, usually a mouse cursor. When the user hovers the mouse over a specific place, there is a tooltip or small hover box containing some information about hovering over that place without clicking.

JQuery tooltip is one of the components that should be considered in web design and development. Tooltip provides additional functionality and versatility and can be regarded as the most important user interface component of most websites.

I have collected 15 jquery tooltip plug-ins that can help you create innovative and creative web designs, as well as help you achieve the results you need for your web project. I hope this list of jquery tooltip plug-ins is convenient and really useful for the web projects you are coming or have already started.

1. Tooltipster

Tooltipster is a jQuery plug-in for quickly creating flexible hint tools for HTML5 validation. The plug-in is small (4.8kb size), works quickly and can be easily customized. The appearance can change the position of CSS (support theme) and mouse arrow at will, and the delay / time of display can be defined.

Source

2. Toolbar.js

Toolbar.js allows you to quickly create toolbars that provide tool types for web applications and websites. The toolbar can be easily customized with the twitter launch icon and provides an adaptive surround to display icons around the toolbar.

Source

3.qTip2

QTip2 is the second generation of advanced qTip plug-ins, which was once a popular jQuery framework. Based on the user-friendly and rich features of version 1.0, qTip2 provides some enhanced features, such as bubble tips, image mapping, and so on. It is completely free and licensed as MIT/GPLv2.

Source

4. Poshy Tip jQuery Plugin

Poshy Tip jQuery Plugin is a prompt box plugin that allows you to easily create stylish prompt boxes. With Poshy Tip you can position prompts relative to the mouse cursor or target elements and display them horizontally or vertically.

Source

5. Grumble.js

Grumble.js provides a special prompt box with no east-west north-south positioning restrictions. It can surround a given element from any angle of 360 degrees, and can specify any distance.

Source

6. Joyride

Joyride is a plug-in for jQuery that simplifies the process of guiding users to discover the characteristics of a website. By defining an ordered step, you can display the required information in a prompt box near any HTML element.

Source

7. ImageMapster

ImageMapster is a jQuery plug-in that can make old images more alive by adding more features to them. With this plug-in, you can highlight, select (single or multiple areas), and manipulate any image in a variety of ways. The prompt tool can display user-friendly information that can interact with the image.

Source

8. Tooltipsy

Tooltipsy is a jQuery plug-in that provides a flexible foundation for creating prompt tools. It has the smallest default style or animation, and you have complete control over them. It can be positioned the way you want, look and feel can be customized through CSS, any type of animation can be achieved.

Source

9. JQuery Bubble Popup

JQuery Bubble Popup is a plug-in to help create a chic Tooltip framework that is easy to control. Tooltip is shown / hidden by fading in and out, and any HTML content can also be displayed inside. They can be attached to an element on either side, or they can take corresponding actions by getting the status of the Tooltip (on / off, creation, * * one modification, or * * time displayed once).

Source

10. Beauty Tips

BeautyTips is a jQuery plug-in that uses canvas elements to draw Tooltip in real time. Each Tooltip is displayed by default on the side of an element with enough space, but this position can also be forced to one side. Content can be hard-coded, either obtained from an attribute or obtained through an Ajax request.

Source

11. Simpletip

Simpletip is a new lightweight jQuery plug-in for creating flexible Tooltip. Tooltip can be attached to any element & easy style presentation & positioning. Tooltip can be static, dynamic, or loaded through Ajax. In addition, any combination of effects can be applied to make them more attractive.

Source

12. Colortip

It converts the title attribute of the element on your page into a series of colorful Tooltip. There are six available color themes, so you can easily match your design. You can also easily create your own Tooltip by adding three additional style classes to your stylesheet and adding an element to the supported color array in colortip-1.0-jquery.js.

Source

13.TipTip

TipTip is a very lightweight and smart jQuery plug-in for custom Tooltip. It uses zero images and is fully customizable through CSS. TipTip detects the edges of the browser window to ensure that the tooltip stays at the size of the current window. So Tooltip will adjust itself to display up and down the element you want to use TipTip, depending on what is necessary to keep it in the browser window.

Source

14. (Mb) Tooltip

(mb) Tooltip is a beautiful tooltip for your pages that use jQuery. Simply put your content as the value of the title property, and then you can replace the ugly default tooltip with this smart and beautiful tooltip. You can also disable or enable (mb) Tooltip at any time.

Source

15. Hovercard

This is a free lightweight jQuery plug-in that allows you to display related information using hovering label, link, or any html element of your choice. Hovercard can be used in scenarios such as displaying resumes, book authors and prices, loading related information through Ajax, and editing directly. You can also add your custom data source and use the existing card format to display the analyzed data.

After reading the above, do you have any further understanding of the 15 Tooltip tooltip jQuery plug-ins? If you want to know more knowledge or related content, please follow the industry information channel, thank you for your support.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.