随身笔记
随身笔记

layer弹窗简单使用

layer插件很好用,但是用时候我们不需要它过多的组件,只需要它让指定的div居中弹窗而已。

.layui-layer-page .layui-layer-content{overflow:inherit;}
<link type="text/css" rel="stylesheet" href="skin/default/layer.css">
<script src="jquery-1.8.3.min.js"></script>
<script src="layer.js"></script>


layer.open({
 type: 1,
 shade: [0.5, '#393D49'],
 scrollbar: false,
 closeBtn: 0,
 title: false,
 area: ['780px', '491px'],
 content: $('.question1') //这里content是一个DOM,注意:最好该元素要存放在body最外层,否则可能被其它的相对元素所影响
});


<div class="question1 layui-layer-content">
111
</div>

layer-v3.0.3

layer_api

http://www.layui.com/doc/modules/layer.html

随身笔记

layer弹窗简单使用
layer插件很好用,但是用时候我们不需要它过多的组件,只需要它让指定的div居中弹窗而已。 .layui-layer-page .layui-layer-content{overflow:inherit;} <link type="text/css" rel=…
扫描二维码继续阅读
2017-08-14