LUCiD GRAFiX Logo

Video tutorials
YouTube RSS Feed
Search

VIDEO TUTORIAL

jQuery Tip 15 Dynamic Tooltip

*Set the video to HD for best viewing experience.
Written by Posted on January 29th, 2014 No Comments
Share This

jQuery Tip 15 Dynamic Tooltip

Today we are going to make a dynamic tooltip and append the title of the anchor to the dynamic div and use it as many times as needed, were going to be using the REL tag to target which anchor we want to add the tooltip to.

Making the tooltip dynamically gives you more flexibility with the tooltip and allows you to target multiple elements on the page.

Here is the markup

Here is the CSS

jQuery

I hope you enjoyed this tip as it has been awhile since I have done one.

and always…

Happy Coding!

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 12 Simple SlideDown Menu jQuery Tip 12 Simple SlideDown Menu
jQuery Tip 11 Simple AJAX .load jQuery Tip 11 Simple AJAX .load
jQuery Tip 7 Fixed Header Scroll Event jQuery Tip 7 Fixed Header Scroll Event
Leave a comment

Leave a Reply