Submit your widget
94
Yays

jQuery Plugin for Stylish Tooltips

Views 8733   downloads 1655   Tooltips

A Single Background Image for Scalable Tooltips Suppose you need to code a scalable tooltip that looks like this (i.e. a tooltip with auto width/height based on the content inside it): he Usual Approach…

80
Yays

jQuery & CSS Tooltip Example

Views 7146   downloads 1210   Tooltips

Websites and web applications alike are slowly but surely transitioning towards an environment filled with rich user interface gadgets. Tooltips are amongst this vast array of gadgets that should be in…

83
Yays

Beautiful Customized Tooltips jQuery

Views 5393   downloads 1439   Tooltips

Making beautiful tooltips is easy! Customized tooltips with images or stylized text can enhance the experience for your users. HTML <div id="tooltipList"> <ul> <li ><a class="tooltip"…

97
Yays

a Bubble Coda Style with CSS3 menu tootips

Views 6914   downloads 1980   Menu & Navigation

we are going to create a tooltip using the famous coda style, which allows for an animated pop-up window that makes for a great effect. HTML First, we create our HTML file and inside the body tag we add…

105
Yays

Nice And Simple Toolbar For Your Website With CSS3 And jQuery

Views 12511   downloads 2222   Tooltips

This is a fixed panel, on the bottom of the page, to improve interaction with our users. So a panel with social icons and their tooltip bubbles on the left side and a quick menu on the right. Some features…

99
Yays

Sexy Tooltips with Just CSS3

Views 10808   downloads 2134   Tooltips

One of the most common mechanisms for providing extra details beyond what you can see on the page is the tooltip (a design pattern for showing tips about a particular element on a screen).   While…

92
Yays

a Nice, Lightweight JavaScript Tooltip

Views 5476   downloads 1064   Tooltips

Introduction To begin, create the 3 files needed for this tutorial (index.html, style.css and script.js) and include the stylesheet and the script from index.html.  The most important things to remember…

165
Yays
99
Yays

A Simple jQuery Tooltip

Views 8990   downloads 2294   Tooltips

Quick Facts Easy to use Choice of fixed, on click or follow mouse tooltip Highly customizable Compatable with Firefox 2.5+, Safari, Opera, Chrome and Internet Explorer 6, 7 & 8   Usage Start…

91
Yays

Rollovers and tooltips with jQuery

Views 6464   downloads 1920   Tooltips

The usual stuff, mouse over an icon changes image and shows a tooltip The markup This is pretty straight, just an unordered list with three items and each item has a link.   <ul id="iconbar"><li><a…

102
Yays

jQuery Tooltips

Views 11827   downloads 2455   Tooltips

So here’s the JS     $(document).ready(function(){ $('[rel=tooltip]').bind('mouseover', function(){ if ($(this).hasClass('ajax')) { var ajax = $(this).attr('ajax'); $.get(ajax, function(theMessage){…

158
Yays

jQuery Bubble Popup

Views 19855   downloads 4260   Tooltips

With jQuery Bubble Popup you can create easily smart bubble popups with only a line of code in jQuery! - attach popups to any DOM element! - mouseover/mouseout events automatically managed! - set custom…

159
Yays

fancy share box with CSS and jQuery

Views 8002   downloads 1292   Tooltips

This examples will show you how to turn unordered list (UL) into an fancy social bookmarking sharing box. You will see how to style such box, how to add interactivity, and how to create jQuery plugin…

134
Yays

Useful and Practical jQuery Image ToolTips

Views 40677   downloads 12982   Image Effects

It displays a tooltip image when user hover on the thumbnail with fadein and out effect. it's a useful script for your website. 1. HTML I have been thinking of using UL list, but then I think it's not…

117
Yays

Links With URL Preview

Views 9317   downloads 1554   Tooltips

This demands a bit more effort but it might be worth it as an extra feature to add to your sites. What you'll need here is a small size screenshot of the target url. You'll put screenshot image location…