Simple jQuery Plugin for Popup Window

File Size: 5.52 KB
Views Total: 62143
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
Simple jQuery Plugin for Popup Window

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

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script type="text/javascript" src="js/jquery.popup.js"></script>

2. Include popup.css to style your popup window

<link rel="stylesheet" href="css/jquery.popup.css" type="text/css">

3. The required HTML Markup.

<div class="p_anch">
<a href="#" class="js__p_start">Click Here,</a> jQueryScript.nEt 
</div>
<div class="p_body js__p_body js__fadeout"></div>
<div class="popup js__popup js__slide_top">
<a href="#" class="p_close js__p_close" title="Close"></a>
<div class="p_content">jQueryScript.Net Demo</div>
</div>

4. Call the plugin with default options.

$(function() {
  $(".js__p_start").simplePopup();
});

5. Plugin's default settings.

$(function() {
  $(".js__p_start").simplePopup({
    hashtag: "#/",
    url: "popup",
    event: "click"
  });
});

This awesome jQuery plugin is developed by nazz-nazz. For more Advanced Usages, please check the demo page or visit the official website.