leanModal.js轻巧的弹出层插件

收藏

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

0、请不要问“在不在”之类的问题，有问题直接问！1、学生或暂时没有工作的童鞋，整站资源免费下载！2、￥9.9充值终身VIP会员,加我微信，826096331 拉你进VIP群学习！3、程序员加油,技术改变世界。在线 充值

查看演示

加我微信，拉你进VIP群学习：

下载资源 下载积分： 30 积分

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>