LUCiD GRAFiX Logo

Video tutorials
YouTube RSS Feed
Search

VIDEO TUTORIAL

jQuery Tip 4 Text Size Modifier

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

jQuery Tip 4 Text Size Modifier.

This can come in handy if you have people coming to your site of all ages and like there body copy in different sizes. So by giving them the ability to increase or decrease the text to there liking should lead to the viewer hanging around a little more.

We are going to be using the .each function with a click event to increment or decrement a variable which were going to set as the font size.

Markup

 CSS

 jQuery

Well, I hope this helps you on a project.

and as 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 14 Testimonial Slideshow jQuery Tip 14 Testimonial Slideshow
JavaScript Slideshow Simple JavaScript SlideShow
Photo swap jQuery Tip 2 Photo Swap
Leave a comment

Leave a Reply