欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

layer的使用

程序员文章站 2022-05-31 13:29:44
...

layer

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>

效果图
layer的使用