html中弹出一个div

 

 

方式1

<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

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();//点击提交的回调
			}
        });