Generate the CSS for a tooltip arrow with the help of javascript
Best jQuery Tooltip Plugins & Tutorials with Demo
Pure CSS3 Forms Set + Validation and Masking with jQuery
Pure CSS3 Forms Set allows you to create forms of any complexity and for any needs (login, registration, contacts, search, checkout, etc.). With powerful validation and masking your forms become super friendly and very easy to fill.
Features:
- Client-side form validation with lots of options.
- Inputs masking for creation user friendly forms.
- 3 different form types (vertical, horizontal, columned).
- Normal, error, success and disabled states for all elements.
- Normal, small and large sizes of all elements.
- Customized selects, checkboxes and radios.
- Responsive and fixed layouts.
- Tooltips for all elements.
- More then 30 examples.
- 19 colors for buttons.
- 249 scalable icons.
LiteToolTip.js : jQuery Fully Responsive Tooltip Bundle
The First Fully Responsive ToolTip Bundle with 12 Positions, Customizable Color Presets Menu Templates, Image Maps, Hotspots, Videos and Triggers.It’s a lightweight JQuery tooltip plugin that supports 12 positions, multiple background shades, videos, image map areas, image hotspots and menus with responsive appearance on the web pages.
This plugin uses the HTML5 data-api instead of using default attributes so that the page code passes the W3C’s HTML and CSS validation successfully incase you want to show HTML formatted tooltips.
Toolbar.js : jQuery plugin that creates tooltip style toolbars
Toolbar allows you to quickly create tooltip style toolbars for use in web applications and websites. The toolbar is easily customisable using the twitter bootstrap icons and provides flexability around the toolbars display and number of icons.
Features:
- Straightforward implementation with simple options
- Can run as many toolbars as required
- Toolbars can be attached to any element required
- Toobar icons are easily customised through the popular twitter bootstrap framework
- Toolbars are responsive and follow the element on resize
opentip : JavaScript Tooltip framework
Opentip is an open source javascript tooltip based on the protoype framework.
Features:
- Stems (little pointers)
- Automatic content download with AJAX
- Different styles
- Automatic repositioning of the tooltip if it’s not in the viewport of the browser anymore
- All kind of triggers (The tooltip can be triggered by mouse over, click, form submit,… everything you can think of really)
- CSS3 Animations
- Well tested, with over 200 unit tests
Hotspotter : Hotspot Maker jQuery Plugin
Easily create amazing hotspots on your images with just point & click!
Features:
- Different Types of Spots & Tooltips
- UNIQUE & Amazing Aiming Effect!
- Tip & Bubble tooltips
- Change tooltip direction “top, bottom, right, left”
- Different tooltip animations
- Change tooltip position relative to spot
- Activate it on hover , click or make it always active
- Change spot border radius
- Make your spot point to a URL
- Add text or HTML content to tooltips
- Unobtrusive spots
- Create spots with your own images!
- Share your spots “have a direct link to it , when navigating to this link the browser window will scroll down to where the image is located & trigger spot”
- Fully Responsive
