html中弹出一个div

 

 

方式1

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<div id="tiaohuanzuowei">
      123
  </div>
 
 
<script type="text/javascript">
layer.open({
    content: $("#tiaohuanzuowei"),
    btn: ['确定', '关闭'],
    title:'调换座位',
    area: ['30%', '40%'],//弹出框的宽度和高度
    shadeClose: false, //开启遮罩关闭
    yes: function(index, layero){
        //按钮【按钮一】的回调
        alert(1);
    },
    btn2: function(index, layero){
        //按钮【按钮二】的回调
        //alert(2);
        //return false 开启该代码可禁止点击该按钮关闭
    },
    cancel: function(){
        //右上角关闭回调
 
        //return false 开启该代码可禁止点击该按钮关闭
    }
});

  方式2

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
layer.open({
            type: 1,
            shift: 2,
            shadeClose: false, //开启遮罩关闭
            title: '导入用户',//标题
            closeBtn: 1,//0右上角的关闭 x 隐藏掉; 1显示
            //内容(不仅可以传入普通的html内容,还可以指定DOM)
            content: $('#importUser'),
            area: ['80%', '80%'],//弹出框的宽度和高度
            btn: ['下载','提交','取消'],//定义按钮组
            yes: function(){
                me.downloadUser()//点击下载的回调
            },
            btn2:function(){
                me.doImportUser();//点击提交的回调
            }
        });

  

posted @   红尘沙漏  阅读(500)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗?
· 【译】Visual Studio 中新的强大生产力特性
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 【设计模式】告别冗长if-else语句:使用策略模式优化代码结构
点击右上角即可分享
微信分享提示