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!

jQuery Tip 15 Dynamic Tooltip jQuery Tip 15 Dynamic Tooltip
jQuery Tip 8 Tabs jQuery Tip 8 Tabs
jQuery Tip 3 Style Sheet Switcher jQuery Tip 3 Style Sheet Switcher
Leave a comment

Leave a Reply