【www.bbyears.com--jquery】
最近在开发一个项目，用到各种弹窗提示，包括iframe弹窗等，我引用了layer插件，此插件功能全面强大，易用，为让新手快速上手，现总结如下
本文源码例子下载地址：
http://pan.baidu.com/s/1bnR9w7t
第一步，引入两个文件：
<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="http://apps.bdimg.com/libs/layer/2.1/layer.js"></script>
第二部,开始使用即可：
1
<script>
$(document).ready(function(){
layer.msg("Hello layer"); layer.alert("见到你真的很高兴", {icon: 6}); //这里的参数6，童鞋们可以自己切换下1-6自己试试，所有需要的表情都有偶
})
</script>
当然此插件的强大远不止如此，下面就来详细的介绍下插件的其他功能和参数，这里就不一一介绍了，只介绍常用部分的参数,童鞋们最好自己手动下载一个试试。
//--简单的一个弹窗
layer.msg("Hello layer");
//--弹出自定义内容
layer.open({
type: 1,
area: ["600px", "360px"],
shadeClose: true, //点击遮罩关闭
content: "\<\div style="padding:20px;">自定义内容\<\/div>"
});
//--弹出iframe指定网页内容---------------------
layer.open({
type: 2,
title: "iframe父子操作",
maxmin: true,
shadeClose: true, //点击遮罩关闭层
area : ["800px" , "520px"], //窗口宽高
content: "test/iframe.html"
offset: 0, //非常重要的参数,和浏览器顶部的距离，这里单位是像素
shift: 1 //这个是动画类型
});
要点一：
offset: 这个参数十分重要，有时候感觉弹窗和底部的距离过大，就可以用这个调节
shift：从1.9开始，我们的出场动画全部采用CSS3。这意味着除了ie6-9（那程序猿们就的根据自己的客户群体来取舍是否启用这个属性），其它所有浏览器都是支持的。目前shift可支持的动画类型有0-6,童鞋们可以自己试下效果
要点二：
我们可以在我们调用的子iframe页面，写
parent.layer.msg("Hi, man", {shade: 0.3}); //父页面弹窗
parent.$("#parentIframe").text("我被改变了");//改变父页面元素值
来从父页面发起弹窗，或者改变父页面的页面值
为了让页面有加载的感觉，我们还可以用
$(document).ready(function(){
var ii = layer.load();
//此处用setTimeout演示ajax的回调
setTimeout(function(){
layer.close(ii);
}, 1000);
})
来显示加载中的效果。
//弹出一个tips层
layer.tips("Hello tips!", "#test5");
这个好像感觉不常用了，记得绑定一个元素的id名，和这里的#test5对应即可。
扩展方法（这个非常帅气）：
<script src="layer.ext.js"></script>此文件，朕没有找到合适的CDN静态资源公共库，所以需要的童鞋，从这下载吧http://pan.baidu.com/s/1eRjeiIm引入了这个文件之后可以干什么呢，可以干如下帅气的事情：//--信息框------layer.prompt({ formType: 1, //输入框类型，支持0（文本）默认1（密码）2（多行文本） value: "初始值", title: "请输入值"}, function(value, index, elem){ alert(value); //得到value layer.close(index);});这个效果可以用来做弹窗登陆功能，而不必用用户弹到另一个页面去登陆了
//--标签切换------------
layer.tab({
area: ["600px", "300px"],
tab: [{
title: "TAB1",
content: "内容1"
}, {
title: "TAB2",
content: "内容2"
}, {
title: "TAB3",
content: "内容3"
}]
});
这个呢是一个弹窗标签切换功能，嗯，童鞋们自己根据自己的实际情况来用吧。
至此，常用的功能就介绍完了。