弹出框之升级版——layui_layui 2.6.8 升级到2.8-CSDN博客

本文链接：https://blog.csdn.net/Sun_of_Rainy/article/details/83744323

上次写div的弹出框费了大半天时间，最后效果还是不尽人意

后来一个技术过硬的同事知道后说现在不是前台框架基本上都有封装好的吗？一语惊醒梦中人，然后我就去layui的官方网站看了下，果然。。。。。。

由于最近做的项目前端是用layui写的，所以我选择了layui，下面贴出代码，有兴趣的也可以去官网更多的学习

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="js/jquery.js"></script>
<script src="plugins/layui/layui.js"></script>
<!-- 注意：如果你直接复制所有代码到本地，上述js路径需要改成你本地的 -->
<script>
layui.use('layer', function(){ //独立版的layer无需执行这一句
  var $ = layui.jquery, layer = layui.layer; //独立版的layer无需执行这一句
  
  //触发事件
  var active = {
    setTop: function(){
      var that = this; 
      //多窗口模式，层叠置顶
      layer.open({
        type: 2 //此处以iframe举例
        ,title: '当你选择该窗体时，即会在最顶端'
        ,area: ['390px', '260px']
        ,shade: 0
        ,maxmin: true
        ,offset: [ //为了演示，随机坐标
          Math.random()*($(window).height()-300)
          ,Math.random()*($(window).width()-390)
        ] 
        ,content: '//l