User interface techniques – stoimen's web log on web development Tue, 13 Feb 2018 08:18:15 +0000 en-US hourly 1 https://wordpress.org/?v=5.0.3 Fancy tooltips with jQuery /2010/02/06/fancy-tooltips-with-jquery/ /2010/02/06/fancy-tooltips-with-jquery/#comments Sat, 06 Feb 2010 07:25:19 +0000 /?p=638 Continue reading Fancy tooltips with jQuery →
Related posts:
  1. jQuery tooltip plugin!
  2. clickoutside jQuery plugin
  3. Event driven programming with jQuery – (part 2). Events in jQuery.
  4. Firebug’s console.time() accuracy
]]> I was decided to write this post from long time ago and now I’m pretty sure it has to be published. What I see in my practice and my browsing in the web there are too many old fashioned tooltips all over the web, as web developer don’t know how to make pretty good fancy tooltips.

That’s why I decided to show what’s not and what is fancy tooltip, with the help of jQuery. Of course don’t hesitate to make with every other library or pure JS code.

What is NOT fancy?

It’s not fancy when the tooltip is with fixed position. In the example here I made one pretty small sample:

What is fancy?

In the other side you can make the tooltip moving with the mouse pointer which is way better, as you can see here:

Related posts:

  1. jQuery tooltip plugin!
  2. clickoutside jQuery plugin
  3. Event driven programming with jQuery – (part 2). Events in jQuery.
  4. Firebug’s console.time() accuracy

]]> /2010/02/06/fancy-tooltips-with-jquery/feed/ 2