Recent news

Saturday, 30 April 2016

jQuery Popup Overlay Plugin Responsive



jQuery pupup is a jquery popup plugin to display the popup window on button
click with overlay window. This plugin have following features:

  • Positioned with CSS
  • Suitable for responsive web design
  • Always visible
  • Easily Accessible
  • Device independent
  • Flexible and customization

How To Use

1. Add the below mention library reference

<script src="https://code.jquery.com/jquery-1.8.2.min.js"></script><script src="https://cdn.rawgit.com/vast-engineering/jquery-popup-overlay/1.7.13/jquery.popupoverlay.js"></script>


2. Use the below html code

<button class="btn_popup_open">Open popup</button>
<div id="my_popup">
    ------------Your Content-----------
    <button class="btn_popup_close">Close</button
</div>


3. Use the below function to show popup
   
$(document).ready(function() {
        // Initialize the plugin
        $('#btn_popup').popup();
    });



Pranav Singh Author: Pranav Singh

Hello, I am Author of this blog. The main purpose of this blog is to provide all the jQuery plugins which is helpful in designing and developing a web application in a single location from the web.

Previous
Next Post »

E-mail Newsletter

Sign up now to receive breaking news and to hear what's new with us.

Recent Articles