弹出层（pui.ceng.js）

loading loading 文字 消息框（成功） 消息框（错误 or 警告） 放首歌 警示框 询问框 询问框 样式二 dom 弹出层 异步局部视图 iFrame 

$('#cengLoading').on('click', function(){
    ceng.loading(null, {
        time: 3000      // 关闭时间：如果不配置，则一直loading
    });
});

$('#cengLoadingTxt').on('click', function(){
    ceng.loading('
别急，加载中（5s） ...
', {
        opacity: 0.3,   // 遮罩层透明度
        time: 5000
    });
});

ceng.closeLoading()     // 关闭 loading

ceng.closeAll()         // 关闭所有弹出层

$('#cengMsg').on('click', function() {
    ceng.msg('国乒女团三连冠', {
        state: 'notice', // resolve || notice
        time: 3000,
        end: function(obj){   // 层销毁后的回调，适用于各种类型弹出层，obj为当前弹出层
            console.log(obj);
        }
    })
});

ceng.msg 语法糖

ceng.msger(txt, status, time, cb)

// txt: 提示语
// status: 状态（1：ok， 2：warning）
// time: 持续时间
// cb： 结束回调

$('cengMsg1').on('click', function(){
    ceng.msger('国乒女团三连冠', 1, 1500, function(){
        ceng.alert('ceng.msger 回调事件')
    })    
});

$('cengMsg0').on('click', function(){
    ceng.msger('国乒女团三连冠', 0, 1500, function(){
        ceng.alert('ceng.msger 回调事件')
    })
});

$('#cengAlert').on('click', function() {
    ceng.alert('<p class="ffs c-gray3">中国女排3-1夺冠</p>', {
        title: '提示层',
        btn: ['确定'],
        yes: function() {
            ceng.msg('毫无悬念');
        }
    })
});

$('#cengConfirm1').on('click', function() {
    ceng.comfirm('<p class="ffs c-gray3">最怕空气突然安静</p>', {
        title: '询问层',
        btn: ['确定', '取消'],   // 默认 ['确定', '取消']
        yes: function(obj, index){
            ceng.msg('最怕朋友突然的关心');
            ceng.close(index);
        }
    })
});

$('#cengConfirm2').on('click', function() {
    var _htm = '<p>江水春沉沉，上有竹林深</p><p>竹叶坏水色，郎亦坏人心</p>';
    ceng.comfirm(_htm, {
        style: 2,
        complete: function(o, z) {
            ceng.msg('complete');
        },
        yes: function(o, z) {
            ceng.close(z);
        }
    })
});

$('#cengHello').on('click', function() {
    ceng.hello({
        style: 2,
        content: $('#divHello'),
        contentType: 'dom', // dom, url
        closeBtn: false,
        area: [600, 'auto'],
        btn: 0
    })
});

$('#cengHelloRemote').on('click', function() {
    ceng.hello({
        title: '异步远程dom',
        content: 'assets/admin/v4.0.3/remotePage/demo.html',
        contentType: 'url', // dom, url
        contentData: 'a=1&b=2&c=3',
        area: [800, 'auto'],
        btn: ['按钮一', '按钮二', '按钮三'],
        btn1: function() {},
        btn2: function() {
            ceng.alert('abc', {
                yes: function() {
                    ceng.closeAll();
                }
            })
        },
        btn3: function() {}
    })
});

$('#cengiFrame').on('click', function() {
    ceng.iframe({
        title: '2016国际体验设计大会',
        url: 'http://www.cepin.com',
        area: [1200, 600],
        yes: function() {}
    })
});



<!-- 指定 dom内容 -->
<div class="ceng-ready" id="divHello">
    <div class="pd30">
        <p class="lh34 fbold">有没有一首歌会让你想起我</p>
        <ul class="lh24">
            <li>1、<span> 灯熄灭了，月亮是寂寞的眼</span></li>
            <li>2、<span> 静静看着，谁孤枕难眠，远处传来那首熟悉的歌</span></li>
            <li>3、<span> 我们都活在这个城市里面，却为何没有再见面</span></li>
        </ul>
    </div>
</div>

有没有一首歌会让你想起我