SourceCode/jiouosdp/Scripts/layer/demo/HtmlPage1.html

微信扫码关注公众号，代码整理好后第一时间通知你。

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>demo</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes" />

    <link href="../layer.m-v1.5/need/layer.css" rel="stylesheet" />
    <script src="../layer.m-v1.5/layer.m.js"></script>
    <script type="text/javascript">
        function titledemo() {
            layer.open({
                content: '通过style设置你想要的样式',
                btn: ['OK']
            });

        }
        function allscreendemo() {
            layer.open({
                type: 1,
                content: '全屏呢<br/> <button type="button" onclick="layer.closeAll();">关闭</button>',
                style: 'width:100%; height:' + document.documentElement.clientHeight + 'px; background-color:#3F3F3F; border:none;'
            });
        }
        function loaddemo() {
            layer.open({
                type: 2,
                time:2,
                content: '加载测试中',
                //success: function (elem) {
                //    alert(elem.innerHTML);
                //    alert('层成功弹出层的回调函数，返回一个参数为当前层元素对象');
                //},
            });
        }
    </script>
</head>
<body>
    <button type="button" onclick="titledemo()">点我将弹出</button>
    <button type="button" onclick="allscreendemo()">全屏</button>
    <button type="button" onclick="loaddemo()">加载</button>
</body>
</html>