layer | layer特效的使用

官方地址:http://layer.layui.com/

简单的弹窗小案例

效果:在本页面弹框打开王明昌博客页面

HTML

<a href="#" onclick="WeAdminShow('王明昌博客','https://www.wangmingchang.com/')"><i class="iconfont icon-ui"></i>王明昌博客</a>

JS

window.WeAdminShow = function(title, url, w, h) {
        if(title == null || title == '') {
            title = false;
        };
        if(url == null || url == '') {
            url = "404.html";
        };
        if(w == null || w == '') {
            w = ($(window).width() * 0.9);
        };
        if(h == null || h == '') {
            h = ($(window).height() - 50);
        };
        layer.open({
            type: 2,
            area: [w + 'px', h + 'px'],
            fix: false, //不固定
            maxmin: true,
            shadeClose: true,
            shade: 0.4,
            title: title,
            content: url
        });
    }