Layer.js——强大的弹出框-技术鸭论坛-前端交流-技术鸭(jishuya.cn)

Layer.js——强大的弹出框

首页: http://www.h-ui.net/lib/layer.js.shtml

优点:
1.使用方便、上手快
2.浏览器兼容性好
3.免费

使用步骤:
1.引入jquery和layer.js
2.弹层语句(以打开和关闭遮罩层为例)
 var loading = layer.open({type: 2,shadeClose:false});
 layer.close(loading)

使用范围:
1.弹出提示层
2.弹出页面层
3.弹出iframe层
4.弹出遮罩层
5.弹出tips层

demo

<a href="javascript:;" id="linkAdr">查看地图</a>
<script type="text/javascript" src="../js/jquery.min.js"></script>
<script type="text/javascript" src="../js/layer/layer.js"></script>
<script>
//地图弹出框
        $("#linkAdr").on("click", function(){
            //layer.msg('这是最常用的吧');
            layer.open({
                type: 2,
                title: '',
                fix: false,
                maxmin: true,
                shadeClose: true,
                area: ['1100px', '600px'],
                content: 'http://map.baidu.com/',
            });
        });
</script>

 

请登录后发表评论

    请登录后查看回复内容