Minimal jQuery Popup Modal Window Plugin - NS Window
| File Size: | 53.1KB |
|---|---|
| Views Total: | 3710 |
| 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.











