layer的使用

来源：互联网发布：java语言用来开发哪些编辑：程序博客网时间：2024/05/16 10:45

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>

效果图
这里写图片描述

阅读全文

0 0