LUCiD GRAFiX Logo

Video tutorials
YouTube RSS Feed
Search

VIDEO TUTORIAL

jQuery Tip 13 Modal Window

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

Today were going to make jQuery Tip 13 Modal Window.

So this is a cool effect when you want to get the audiences attention with a nice pop up. They call this a modal window, the difference between a modal and a modeless window is that on a modal window you can’t click any other elements until you close the box.

HTML

CSS

 jQuery

 links

Great article on Modal and Modeless
http://webdesign.tutsplus.com/articles/modal-and-modeless-boxes-in-web-design/

13 useful modal plugins
http://www.smashingapps.com/2013/03/14/13-very-useful-jquery-modal-plugins.html

Conclusion

I hope this tutorial sheds some light on how a modal window can be made.

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 #1 Tooltip jQuery Tip 1 Tooltip
jQuery Tip 12 Simple SlideDown Menu jQuery Tip 12 Simple SlideDown Menu
jQuery Animated Named Anchor Scroll jQuery Animated Named Anchor Scroll
Leave a comment

Leave a Reply