Minimal jQuery Popup Modal Window Plugin - NS Window
File Size: | 53.1KB |
---|---|
Views Total: | 3637 |
Last Update: | |
Publish Date: | |
Official Website: | Go to website |
License: | MIT |

NS Window is yet another simple jQuery modal plugin for creating popup windows with support for animations, overlay, ajax content and some useful custom options.
How to use it:
1. Include the latest version of jQuery javascript library on the web page
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
2. Include jQuery ns window plugin after jQuery library
<link rel="stylesheet" href="css/ns-window.css" /> <script type="text/javascript" src="ns-window.js"></script>
3. Create a button to trigger the modal window
<input type="button" onclick="showWindow('yellow');" value="Window - Yellow"/>
4. Call the plugin with options
<script type="text/javascript"> function showWindow(theme) { $.nsWindow.open({ title: 'Member Login', width: 660, height: 400, dataUrl: 'content.html', theme:theme }); } </script>
5. All the options
title: 'Untitled', top: 0, left: 0, width: 300, height: 300, useOverlay: true, animate: true, showControlBar: true, titleBarHeight: 0, closable: true, movable: false, resizable: false, overlay: { background: '#000', opacity: .60, zIndex: 1000, clickToClose: true, destroyOnClose: false }, dataUrl: null, data: null, theme: 'yellow', loadingMessage: 'Loading...'
This awesome jQuery plugin is developed by nihalsheik. For more Advanced Usages, please check the demo page or visit the official website.