This time I will share jQuery Plugin and tutorial about Simple jQuery Plugin for Popup Window, hope it will help you in programming stack.
A simple and easy-to-use jQuery plugin for creating popup windows with smooth fade in/out effects when toggled.
View More Modal Plugins At:
How to use it:
1. Include latest jQuery library and popup.js
2 |
<script type="text/javascript" src="js/jquery.popup.js"></script> |
2. Include popup.css to style your popup window
1 |
<link rel="stylesheet" href="css/jquery.popup.css" type="text/css"> |
3. The required HTML Markup.
2 |
<a href="#" class="js__p_start">Click Here,</a> jQueryScript.nEt |
4 |
<div class="p_body js__p_body js__fadeout"></div> |
5 |
<div class="popup js__popup js__slide_top"> |
6 |
<a href="#" class="p_close js__p_close" title="Close"></a> |
7 |
<div class="p_content">jQueryScript.Net Demo</div> |
4. Call the plugin with default options.
2 |
$(".js__p_start").simplePopup(); |
5. Plugin’s default settings.
2 |
$(".js__p_start").simplePopup({ |
This awesome jQuery plugin is developed by nazz-nazz. For more Advanced Usages, please check the demo page or visit the official website.
