Modifying Tooltip Coordinates with the jQuery Tooltip Plug-in
(Page 1 of 4 )
If you’re a web designer who wants to learn how to take advantage of the features packaged with the jQuery Tooltip plug-in to enhance the behavior of your web pages links, then this series of comprehensive articles might be what you’re looking for. In this part, you'll learn how to use the handy “top” and “left” parameters that come with the plug-in to modify the default coordinates at which tooltips are displayed next to the targeted links.
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!
Next: Review: the fade argument >>
More JavaScript Articles
More By Alejandro Gervasio
