|
layer介绍
layer 至今仍作为 layui 的代表作，她的受众广泛并非偶然，而是这数年来的坚持、不弃的执念，将那些不屑的眼光转化为应得的尊重，不断完善和维护、不断建设和提升社区服务，在 Web 开发者的圈子里口口相传，乃至于成为今天的 layui 最强劲的源动力。目前，layer已成为国内最多人使用的 Web 弹层组件 由于 layer 在 layui 体系中的位置比较特殊，甚至让很多人都误以为 layui = layer ui，所以再次强调 layer 只是作为 layui 的一个弹层模块，由于其用户基数较大，所以至今仍把她作为独立组件来维护。 layer独立版 官方地址：http://layer.layui.com/ 演示地址： https://www.layuion.com/layer/ 使用： 1. 在官方地址进行下载 2. 直接在项目引用 layer.js 3. 在引用layer.js之前，要先引用jquery.js 并必须在1.8以上版本 4. 直接在项目中，使用layer的相关方法，参考官方文档 示例： <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>layer 弹出框DEMO</title>
<meta charset="utf-8"/>
</head>
<body>
<button id="btn">按钮</button>
<script src="js/jquery.js"></script>
<script src="js/plug/layer/layer.js"></script>
<script type="text/javascript">
$("#btn").click(function () {
layer.open({
type: 1,
skin: 'layui-layer-demo', //样式类名
closeBtn: 0, //不显示关闭按钮
anim: 2,
shadeClose: true, //开启遮罩关闭
content: '内容'
});
})
</script>
</body>
</html>原创文章转载，请注明地址 |
|
最新喜欢： 丶红丝错千重
|
公众号
