Layer 初始
介绍:很不错的一个弹出框解决方案
丰富多样的Web弹出层组件,可轻松实现Alert/Confirm/Prompt/普通提示/页面区块/iframe/tips等等几乎所有的弹出交互。目前已成为最多人使用的弹层解决方案
下载地址:http://layer.layui.com
使用方法:
- 引入jQuery.js
- 引入layer.js
- 直接使用
-
-
- 简单使用代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="http://cdn.bootcss.com/jquery/1.12.3/jquery.min.js"></script>
<script src="layer.js"></script>
<script>//在这里面输入任何合法的js语句
layer.open({
type: 1 //Page层类型
,area: ['500px', '300px']
,title: '你好,layer。'
,shade: 0.6 //遮罩透明度
,maxmin: true //允许全屏最小化
,anim: 1 //0-6的动画形式,-1不开启
,content: '<div style="padding:50px;">这是一个非常普通的页面层,传入了自定义的html</div>'
});
</script>
</head>
<body>
</body>
</html>
- 简单结合layui一起使用效果更好哇: http://www.layui.com/demo/
- Github: https://github.com/sentsin/layer