layer 弹出层

约定不等于承诺〃 2022-07-24 07:03 401阅读 0赞

使用方法：

一、引入

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

二、BODY

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

三、JS

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

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

layer官方：layer.layui.com/

发表评论

表情：
评论列表 （有 0 条评论，401人围观）

还没有评论，来说两句吧...

相关阅读

    相关 弹出层layer的使用心得

    今天写一个弹出层插件layer的使用心得，推荐仔细阅读官方API。 主要是说明如何在弹出的页面里改变title。 1.先附上主页面的代码： <%@ page la

    怼烎@怼烎@/ 0 赞/ 372 阅读

    相关 layer弹出层扩展主题

    弹出层插件layer确实很强大，官方提供主题太少，但是提供扩展的方式，由于项目使用统一颜色风格，就想扩展一下。官方默认的三种: 1.白蓝(默认) ![这里写图片描述][

    桃扇骨桃扇骨/ 0 赞/ 437 阅读