layer-拼图(pintuer)定制版

本皮肤是在layer1.9以上版本定制，只为配合拼图响应式前端CSS框架风格。
顺带，打个广告本站接受各种私单，各种响应式前端页面，有意者联系作者大火兔，QQ：1979788761 注明pintuer定制，欢迎骚扰！

下载

一睹为快

接下来我们将初步演示layer一些基本的层类型

初体验询问层提示层捕获页页面层自定页 tips层 iframe层 iframe窗加载层 loading层小tips prompt层 tab层

说明

修改记录2015-11-11

更新到layer官方2.1版本，使用直接替换layer.css样式方式。

...

修改记录2016-04-29

更新到layer官方2.2版本，使用官方插件方式。

...

使用方法
1.先下载 layer2.2版本

2.在本站下载拼图版皮肤

3.按照如下步骤操作
layer提供了强健的皮肤扩展接口，这意味着如果你对layer默认的样式不太满意，你还有更多的选择。第一步：存放将您下载的皮肤包（文件夹：pintuer）解压，放入layer的skin目录第二步：使用 1. 全局配置 layer.config({ extend: ['skin/pintuer/style.css'], //加载新皮肤 skin: 'layer-ext-pintuer' //一旦设定，所有弹层风格都采用此主题。 }); 2. 局部使用 layer.config({ extend: ['skin/pintuer/style.css'] //加载新皮肤 }); //单个使用 layer.open({ skin: 'layer-ext-pintuer' //只对该层采用pintuer皮肤 }); //也就是说，无论你全局还是局部，都要通过layer.config的extend来加载样式。

参考代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <button onclick="open_alert()">alert</button> </body> <script src="http://apps.bdimg.com/libs/jquery/1.9.1/jquery.min.js"></script> <script type="text/javascript" src="layer/layer.js"></script>  <script type="text/javascript" src="layer/extend/layer.ext.js"></script> <script> layer.config({ extend: ['skin/pintuer/style.css'], //加载新皮肤 skin: 'layer-ext-pintuer' //采用pintuer皮肤。 }); function open_alert() { layer.alert('内容'); } </script> </html>