layer(jquery弹出层插件)

Shisyh

已于 2022-08-05 13:11:53 修改

阅读量1.8k

点赞数

分类专栏：学习代码文章标签： jquery

于 2022-04-18 16:09:05 首次发布

本文链接：https://blog.csdn.net/weixin_60560596/article/details/124252160

版权

学习代码专栏收录该内容

12 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>$Title$</title>
    <script src="js/jquery2.1.4.js"></script>
    <script src="layer/layer.js"></script>
    <script>
        function msgTest(){
            //layer.msg("提示的文字");
            layer.msg("提示的文字",function (){
                //窗口关闭时执行
            });
        }

        function loadTest(){
            //返回的是弹出窗的id
            var windowId = layer.load(0);//0--16
            //通过窗口的id，关闭窗口
            setTimeout(function (){
                layer.close(windowId);
            },2000);
        }

        function msg_loadTest(){
            //icon图标
            layer.msg("提示的文字",{icon:16,shade:0.01});
        }

        function alterTest(){
            layer.alert("文字内容",{icon:10});
        }

        function tipsTest(){
            //tipsMore是否支持弹出更多的tips,tips1-4(上右下左)
            layer.tips("这里有秘密","#s1",{tipsMore:true,tips:1})
        }
    </script>
</head>
<body>
    <button onclick="msgTest()">msg函数(重点)</button><br>
    <button onclick="loadTest()">load函数(重点)</button><br>
    <button onclick="msg_loadTest()">msg函数(load效果)</button><br>
    <button onclick="alterTest()">alter函数</button><br>
    <button onclick="tipsTest()">tips函数</button>
<p>
    床前明月光，<span id="s1">疑似</span>地上霜。
</p>
</body>
</html>