zoukankan      html  css  js  c++  java
  • jq layer插件使用

    <!DOCTYPE html>
    <html>
    <head lang="en">
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
    <div class="div1" style="50px;border:1px solid #ddd;text-align:center">cc</div>
    </body>
    <script src="jquery-1.11.3.min.js"></script>
    <script src="layer.js"></script>
    <script>
        $(".div1").on("click",function(){
            var val=$(this).html();
            switch (val){
                case "aa":
                    layer.open({
                        type: 1,
                        area: ['600px', '360px'],
                        shadeClose: true, //点击遮罩关闭
                        content: '<div style="padding:20px;">自定义内容</div>'
                    });
                    break;
                case "bb":
                    layer.open({
                        type: 2,
                        title: 'iframe父子操作',
                        maxmin: true,
                        shadeClose: true, //点击遮罩关闭层
                        area : ['600px' , '320px'],
                        content: 'iframe.html'
                    });
                    break;
                case "cc":
                    layer.tips('Hello tips!', '.div1');
                    break;
                default:
                    layer.msg("666");
            }
    
        })
    
    </script>
    </html>
  • 相关阅读:
    Mayan游戏
    选择客栈
    Redundant Paths
    中心选址
    辗转相除
    字符串
    线段覆盖
    配置魔药
    宝库通道
    教官的监视
  • 原文地址:https://www.cnblogs.com/dongxiaolei/p/5749862.html
Copyright © 2011-2022 走看看