Submit your widget
88
Yays

(Colortip)multiple color jQuery Tooltip Plugin

Views 6807   downloads 1988   Tooltips

we are going to write a simple jQuery tooltip plugin. It is going to convert the title attributes of elements withing your page, into a series of colorful tooltips. Six color themes are available, so…

179
Yays

jQuery and CSS3 Simple Tooltip

Views 53497   downloads 11394   Tooltips

There are a lot of tooltip plugins out there, but not many of them explain what exactly goes on in the logic of a tooltip. I would like to share how I’ve created mine today, and am also open to…

92
Yays

jQuery Style tooltips plugin

Views 7160   downloads 1382   Tooltips

Small in size (3kb) script to enhance the look of tooltips. It works just like browser’s native tooltips with few options and styling via CSS. By default, the script applies to any element with…

112
Yays

Horizontal Tooltips Menu with jQuery

Views 16059   downloads 3431   Menu & Navigation

We're doing something a little bit similar - Tooltips menu.   1. HTML   As usual, it's a good practise to use UL List for menu. For the menu images, you need to put the caption in the ALT attribute,…

187
Yays

Lightweight Tooltips With jQuery

Views 7404   downloads 1438   Tooltips

Query Tiper is an extremely lightweight jQuery tooltip which allows you to assign a tooltip to any element. Usage Using it is very simple, for example if you would like to give a link a tooltip you would…

94
Yays

using jQuery and CSS3 a Speech Bubble Tooltips

Views 7745   downloads 1895   Tooltips

There are a very lightweight and good looking tooltip without using any images. The HTML This tooltip is going to work on any <a> link that has a class of “sbtooltip” and contains a…

148
Yays

Pure CSS Tooltip

Views 7275   downloads 1371   Tooltips

we can create pure CSS tooltips which are simple and accessible, because they will work even if the user browses the page without JavaScript enabled. What we need is just aplain list of links. The XHTML…

126
Yays

astonishing iCal-like calendars with jQuery

I wanted it to be similar to the iPhone Calendar application (or, if you want, to the little calendar on the left bottom corner in iCal). And I also wanted to keep the code as little and sweet as possible…

147
Yays

jQuery Mouse Events

Views 13422   downloads 2367   Tooltips

HTML For us to make a tooltip we’re going to have some links to work with, and a container for our tooltip.  There is nothing too special here.  I placed the links in a header tag just…

133
Yays

jquery Hover Sub Tag Cloud

Views 8065   downloads 1941   Tooltips

Tag clouds When, used properly, they can provide visitors with an instant illustration of the main topics of the site’s content. And although we don’t have that much choice in designing them,…

86
Yays

jCaption: jQuery Image Captions with Customizable Markup, Style and Animation

Views 8589   downloads 1390   Image Effects

jCaption is a jQuery plugin designed to make adding captions to a page dead simple. It takes an image element and uses one of its attributes to build the markup for a caption. It allows for both arbitrary…

95
Yays

CSS Image Maps With Pop-Up Tool Tips

Views 20150   downloads 2920   Tooltips

Using an unordered list, a couple of images, and a little CSS, we can create an accessible "image map" with pop-up tool tips that provide our readers more information on the links the map contains. There…

93
Yays

Image-free Tooltip Pointers jQuery - A Use for Polygonal CSS

Views 8884   downloads 2356   Tooltips

The Design Approach The jQuery UI planning wiki page has several examples for the tooltips we intend to build into the library. For this article though, we're just focusing the following simple tooltip…

100
Yays

A jQuery Plugin for Zoomable, Interactive Maps

Views 12725   downloads 2509   Lightbox & Dialog & Overlay

Instructions There are four main components required to make the plugin run: the background images, links to pages that contain html data in the correct format, some CSS for style and finally the plugin…

107
Yays

jQueryNotice animated notification tooltip

Views 11190   downloads 2038   Tooltips

jQnotice allows you to easily show an animated notification tooltip at the top of your website with just a simple line of code. How-to use ? You can use it by just call the following method: jQnotice('Your…