Modifying Tooltip Coordinates with the jQuery Tooltip Plug-in

Modifying Tooltip Coordinates with the jQuery Tooltip Plug-in
(Page 1 of 4 )

Introduction

Welcome to the fourth part of a series on the jQuery Tooltip plug-in. Made up of seven tutorials, this series teaches you how to start incorporating this handy plug-in into your own web site. It also shows you how to tweak its most important parameters, which will let you customize its visual appearance and its default behavior.

And now that you were introduced to the main subject of this series, it's time to quickly review the topics that were treated in the preceding chapter. In that particular tutorial I discussed the usage of the "fade" input argument for creating a smooth fade out effect on tooltips that were previously tied to a group of hyperlinks.

Indeed, assigning different values to the "fade" parameter allows you to easily produce variations of classic fade out transitions on tooltips. This ability demonstrates the flexibility offered by the Tooltip library.

Having refreshed your memory of the approach utilized for applying some appealing fade out effects to web page tooltips, it's time to explore other useful capabilities provided by this plug-in. Therefore, in the next few lines I'm going to explain how to assign different top and left coordinates to the tooltips. This capability is useful for more precisely controlling their respective positions within a web document.

Now that you know what you expect from this tutorial, let's learn how to play a bit with the with left and top coordinates of tooltips. Let's get started!

blog comments powered by Disqus