LUCiD GRAFiX Logo

Video tutorials
YouTube RSS Feed
Search

VIDEO TUTORIAL

jQuery Tip 1 Tooltip

*Set the video to HD for best viewing experience.
Written by Posted on July 20th, 2013 No Comments
Share This

jQuery Tip 1 Tooltip

Today is the beginning of a series of small useful tips you use every day in webdesign. Using the most popular JavaScript language on the web, of course jQuery!

So this tip is how to make a tooltip. Basically using magic aka jQuery were going to take  markup and make it display above an element when you hover over an item.

Here is the HTML

 Here is the CSS

That is the CSS needed, I excluded the default styling.

jQuery

So this is the start of a new series of tips, feel free to download below and check back for more tips. Thanks!

Check out the Demo! Download files!

About

Hi, my name is Eric Young. I’m a web designer who has worked in the IT industry since 2000. I love blogging and making the web a better place. If I'm not here I'm probably playing Gears of War. LOL

Related Articles You Might Enjoy!

How to use Modernizr SIMPLIFIED How to use Modernizr SIMPLIFIED
jQuery Tip 9 Table Striping jQuery Tip 9 Table Striping
jQuery Tip 10 Scroll To Top jQuery Tip 10 Scroll To Top
Leave a comment

Leave a Reply