leanModal.js轻巧的弹出层插件

leanModal.js是一个轻盈的modal弹出层插件，效果类似boostrap的modal弹出层，你只要定义点击按钮的href属性即可。

淘建站为您提供更多_悬浮层/弹出层_弹窗_弹出层_modal，在此特别感谢您对我们的支持与厚爱！

leanModal.js有以下优势

• 完美隐藏页面内容
• 压缩后1kb不到
• 支持自定义宽度和高度
• 自定义图片大小
• 丰富的API
• 漂亮的登录、注册和警告弹出层等

jQuery调用modal方法

$(function() {
    $('a[rel*=leanModal]').leanModal({top: 200, closeButton: ".modal_close"});
});

演示一：基本效果

基本效果

<div id="test">
    <p>提供网站模板,网站源码,网页图标,jquery,PHP等网页设计素材下载,为广大网友制作网页提供网站素材免费下载参考</p>
</div>

演示二：注册弹出层

带有关闭按钮

<div id="signup">
    <div id="signup-ct">
        <div id="signup-header">
            <h2>注册</h2>
            <a class="modal_close" href="#"></a>
        </div>
            <div class="txt-fld">
                <label for="">用户名</label>
                <input id="" class="good_input" name="" type="text" />
            </div>
            <div class="txt-fld">
                <label for="">邮箱</label>
                <input id="" name="" type="text" />
            </div>
            <div class="txt-fld">
                <label for="">密码</label>
                <input id="" name="" type="text" />

            </div>
            <div class="btn-fld">
                <button type="submit">注册 &raquo;</button>
            </div>
    </div>
</div>