layer 弹出层

Posted skiwnchqhh

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了layer 弹出层相关的知识,希望对你有一定的参考价值。

使用方法:

一、引入

<script type="text/javascript" src="js/jquery-1.8.0.min.js"></script>
<script type="text/javascript" src="layer/layer.js"></script>
  • 1
  • 2

二、BODY

<button id="layer">Click me</button>
  • 1

三、JS

<script type="text/javascript">
    $(function(){
        $("#layer").click(function(){
            //iframe层-父子操作
            layer.open({
              type: 2,
              title:‘麦田技术博客‘,
              area: [‘700px‘, ‘450px‘],
              fix: false, //不固定
              maxmin: true,
              content: ‘http://itmyhome.com/‘
            });
        })
    })
</script>
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15

在线演示:blog.itmyhome.com/layer/

layer官方:layer.layui.com/

再分享一下我老师大神的人工智能教程吧。零基础!通俗易懂!风趣幽默!还带黄段子!希望你也加入到我们人工智能的队伍中来!https://blog.csdn.net/jiangjunshow

以上是关于layer 弹出层的主要内容,如果未能解决你的问题,请参考以下文章

layui使用layer弹出层父子页面事件相互调用方法

layer弹出层详解

layer弹出层怎么位于页面的下方

Layer组件多个iframe弹出层打开与关闭及参数传递

如何获取用layer弹出层表单的数据

如何获取用layer弹出层表单的数据