layui 팝업 상자

직접 복사하여 붙여넣을 수 있는 방법

<link rel="stylesheet" href="layui/css/layui.css" />
<script src="layui/layui.js">script>

<input type="button" value=" " id="btn"/>
<div id="divid" style="display:none">testdiv>

<script>
// 
$('#btn').on('click', function() {
	layui.use('layer', function(){
        var layer = layui.layer;
        // 
	  	layer.open({
		  type: 1,
		  title: false,
		  closeBtn: 1,
		  area: ['400px','200px'],
//		  skin: 'layui-layer-nobg', // 
		  shadeClose: true,
		  content: $('#divid')
	    });
    });
	  
}
</script>

layer.open()

 <script src="layer.js">script>
 <script src="jquery.min.js">script>

 <script src="layer.js">script>
 <script src="jquery.min.js">script>

layer.open({
	 type: 1                      //    1:      2:ifream       4: layer.open tips 
	,title:'layer '     // 
	,closeBtn: 1             // ：1234
	,btnAlign:'c'             //   'l'      'r'
	,area: ['650px','300px']           // 
	,align:'center'         //       
	,shadeClose: true         // 
	,content:' html'
//	,content: $('#id') // content DOM， ： body ， 
})

layer.open({
  type: 2, 
  content: 'http://sentsin.com' // content URL， iframe ， content: ['http://sentsin.com', 'no']
});

layer.open({
  content: 'test'
  ,btn: [' ', ' ', ' ']
  ,yes: function(index, layero){
    // 【 】 
  }
  ,btn2: function(index, layero){
    // 【 】 
    
    //return false  
  }
  ,btn3: function(index, layero){
    // 【 】 
    
    //return false  
  }
  ,cancel: function(){ 

    //return false  
  }
});

layer.confirm()

layer.confirm(' ？', {
  btn: [' ', ' ', ' '] // 
  ,btn3: function(index, layero){
    // 【 】 
  }
}, function(index, layero){
  // 【 】 
}, function(index){
  // 【 】 
});