jquery with arrows tip box ToolTips Plugin collection _jquery

Source: Internet
Author: User

Summary:

Before we introduced the use of CSS to implement the arrow with the Tip box, today we come to the point is not the same, this article will share a few arrows with the balloon box.

Qtip
Qtip is an advanced hint plugin based on the jquery framework. User-friendly and feature-rich, Qtip provides you with unusual features such as rounded corners and voice bubble tips, and most importantly, free. Support ie6+ and other mainstream browsers

Grumble.js
Grumble.js offers special tips on the general limits of North/east/south/West positioning. You can rotate around a given element at any angle, any distance can be specified, and any CSS style can be applied. Auto size adjustment is used for localized text.

Cluetip
The Cluetip plugin allows you to easily display exotic ToolTips when the user's mouse hovers over (or optionally clicks) any of the elements specified in your script. If the element contains a title attribute, its text becomes the title of the Cluetip.

Qtip2
QTIP2 is the second generation of advanced Qtip plug-ins based on the jquery framework. Support ie6+ and other mainstream browsers.

JToolTip
The tooltip provided by Jquery-ui

Powertip
Powertip employs a very flexible design that is easy to customize, offering you a variety of ways to use ToolTips, developers of APIs, and support for adding complex data hints. It is being actively developed and maintained, and provides a very fluent user experience.

Colortip
The value of the caption attribute of the transformation element becomes a series of colorful tooltips. Six color themes to choose from, so you can easily match the rest of your design.
Tipsy
Tipsy is a jquery plug-in used to create a title attribute based on an anchor tag similar to Facebook's ToolTip effect.

Jquery-tooltip

Floatabels

Bootstrap

PopOver
PopOver is used to display information when the user clicks on the child element of any original.

Sweet
Sweet ToolTip is a jquery and CSS3 base tool tip, not just a style hint, this kind of imagery-free ToolTip uses CSS linear gradients, Box shadows, and Text shadow making.

Tooltipster
A powerful, flexible jquery plugin allows you to easily create powerful semantics with enhanced CSS, modern tooltips. Support ie8+ and other mainstream browsers

Darktooltip
A simple custom tooltip and validation scheme and effect.

Jcallout
Easy to use and implement, only CSS jquery implementations (no images required), customizable options.

Summary:

In this several hints plug-in, the individual most detailed has sweet, tooltipster, grumble. Because their style is very good-looking.

The above is the 13 with arrows hint plug-in introduction, the small partners use it? Give me a message if you have any questions.

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.