Video tutorials
YouTube RSS Feed


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.


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!


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!

jQuery Tip 11 Simple AJAX .load jQuery Tip 11 Simple AJAX .load
jquery animated menu jQuery Animated Menu
jQuery Tip 16 Crop an Image jQuery Tip 16 Crop an Image
Leave a comment

Leave a Reply