layer的使用
程序员文章站
2022-05-31 13:29:44
...
layer
layer交流社区
<script type="text/javascript" src="jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="layer/layer.js"></script>
<body>
<input type="button" id="btn" value="测试">
<hr>
使用说明:<br/>
一、使用时,请把文件夹layer整个放置在您站点的任何一个目录,只需引入layer.js即可,除jQuery外,其它文件无需再引入。<br/>
二、如果您的js引入是通过合并处理或者您不想采用layer自动获取的绝对路径,您可以通过layer.config()来配置(详见官网API页)<br/>
三、jquery需1.8+<br/>
四、更多使用说明与演示,请参见layer官网。<br/>
五、使用时请务必保留来源,请勿用于违反我国法律的web平台。<br/>
六、layer遵循LGPL协议,将永久性提供无偿服务。<br/>
</body>
<script type="text/javascript">
$(function(){
$("#btn").click(function(){
layer.open({
type:0,//0:信息框; 1:页面; 2:iframe层; 3:加载层; 4:tip层
title:'哈哈哈,我是标题',
area:['400px','300px'],//大小
shadeClose:false,//点击弹层外区域 遮罩关闭
content:'我是内容'
});
});
});
</script>
效果图