Modal Dialog Windows Plugin - leanModal
File Size: | 1 KB |
---|---|
Views Total: | 9082 |
Last Update: | |
Publish Date: | |
Official Website: | Go to website |
License: | MIT |
This plugin is no longer maintained. Checkout The leanModal2
leanModal is a simple and useful jQuery plugin for adding Bare bones modal dialog windows to your website. It is great for login, sign up & alert panels, etc.
How to use:
1. Include jQuery library and jquery.leanModal.min.js in your page:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script> <script type="text/javascript" src="js/jquery.leanModal.min.js"></script>
2. CSS;
#lean_overlay { position: fixed; z-index:100; top: 0px; left: 0px; height:100%; width:100%; background: #000; display: none; }
3. Call the function
$("#trigger_id").leanModal(); // If you want more than one modal window on the same page, simply add the 'rel' attribute to your triggers, and call the function by attribute, like so: $("a[rel*=leanModal]").leanModal();
4. Options:
$("#trigger_id").leanModal({ top : 200, overlay : 0.4, closeButton: ".modal_close" });
This awesome jQuery plugin is developed by unknown. For more Advanced Usages, please check the demo page or visit the official website.