Modal Dialog Windows Plugin - leanModal

Modal Dialog Windows Plugin - leanModal
File Size: 1 KB
Views Total:
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

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.