1. <small id='Vsqgj'></small><noframes id='Vsqgj'>

      <bdo id='Vsqgj'></bdo><ul id='Vsqgj'></ul>
    <tfoot id='Vsqgj'></tfoot>
    <i id='Vsqgj'><tr id='Vsqgj'><dt id='Vsqgj'><q id='Vsqgj'><span id='Vsqgj'><b id='Vsqgj'><form id='Vsqgj'><ins id='Vsqgj'></ins><ul id='Vsqgj'></ul><sub id='Vsqgj'></sub></form><legend id='Vsqgj'></legend><bdo id='Vsqgj'><pre id='Vsqgj'><center id='Vsqgj'></center></pre></bdo></b><th id='Vsqgj'></th></span></q></dt></tr></i><div id='Vsqgj'><tfoot id='Vsqgj'></tfoot><dl id='Vsqgj'><fieldset id='Vsqgj'></fieldset></dl></div>

    1. <legend id='Vsqgj'><style id='Vsqgj'><dir id='Vsqgj'><q id='Vsqgj'></q></dir></style></legend>
    2. layui使用tips鼠标悬停提示语的实例代码

      layui使用tips鼠标悬停提示语的实例代码,具体代码如下,有三种方式: !DOCTYPE htmlhtml lang="zh" head meta charset="UTF-8" title测试-liu 劉/title/headscript src="https://cdn.staticfile.org/layui/2.7.6/layui.js"/scriptscript src="https://code.j

      • <legend id='iCPFi'><style id='iCPFi'><dir id='iCPFi'><q id='iCPFi'></q></dir></style></legend>
          <bdo id='iCPFi'></bdo><ul id='iCPFi'></ul>

            <tfoot id='iCPFi'></tfoot>

            • <i id='iCPFi'><tr id='iCPFi'><dt id='iCPFi'><q id='iCPFi'><span id='iCPFi'><b id='iCPFi'><form id='iCPFi'><ins id='iCPFi'></ins><ul id='iCPFi'></ul><sub id='iCPFi'></sub></form><legend id='iCPFi'></legend><bdo id='iCPFi'><pre id='iCPFi'><center id='iCPFi'></center></pre></bdo></b><th id='iCPFi'></th></span></q></dt></tr></i><div id='iCPFi'><tfoot id='iCPFi'></tfoot><dl id='iCPFi'><fieldset id='iCPFi'></fieldset></dl></div>
                <tbody id='iCPFi'></tbody>
            • <small id='iCPFi'></small><noframes id='iCPFi'>

                layui使用tips鼠标悬停提示语的实例代码,具体代码如下,有三种方式:
                <!DOCTYPE html>
                <html lang="zh">
                 
                <head>
                    <meta charset="UTF-8">
                    <title>测试-liu 劉</title>
                </head>
                <script src="https://cdn.staticfile.org/layui/2.7.6/layui.js"></script>
                <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
                <link rel=" stylesheet" type="text/css" href="./layui/css/layui.css">
                <script>
                 
                </script>
                 
                <body style="padding: 50px;">
                    <blockquote class="layui-elem-quote">注意: </blockquote>
                    <fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
                        <legend>方法一</legend>
                    </fieldset>
                    <br>
                    <hr>
                    <a href="javascript:;" id="id1" onmouseover="show('测试6666','id1')" onmouseleave="close_tips()">6666</a>
                    <hr>
                    <br>
                    <span type="text" id="id2" onmouseover='show(`<div><span style="color: chartreuse">测试2-22</span></div>`, "id2")'
                        onmouseleave="close_tips()">测试2</span>
                    <br>
                    <fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
                        <legend>方法二</legend>
                    </fieldset>
                 
                    <div class="content" id="content">
                        <label for="">这是一个提示:</label>
                        <span class="iconfont icon-combined-shape-copy tooltip-icon liu_tips">请把鼠标上上面</span>
                    </div>
                    <fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
                        <legend>方法三</legend>
                    </fieldset>
                    <div style="margin-top: 10px;">
                        <input type="text" id="tips" class="tips" placeholder="请点击这里面" />
                    </div>
                </body>
                <!-- 方法一 -->
                <script>
                    // tips 鼠标划过提示
                    function show(msg, id) {
                        layer.tips('' + msg, '#' + id, { tips: [2, 'black'] });
                    }
                    function close_tips() {
                        layer.closeAll('tips');
                    } 
                </script>
                <!-- 方法二 -->
                <script>
                    $(function () {
                        var tips;
                        $(".icon-combined-shape-copy").on({
                            mouseenter: function () {
                                var that = this;
                                tips = layer.tips("<span style='color:#000;'>说明:你可以看到了吧,哈哈哈</span>", that, { tips: [2, '#fff'], time: 0, area: 'auto', maxWidth: 500 });
                            },
                            mouseleave: function () {
                                layer.close(tips);
                            }
                        });
                    })
                    // 多个提示显示
                 
                    $(".icon-combined-shape-copy01").on({
                        mouseenter: function () {
                            tips = layer.tips("<span style='color:#000;'>略略略略略</span>", "#id1", { tips: [3, '#ddd'], time: 0, area: 'auto', maxWidth: 500, tipsMore: true });
                        },
                        mouseleave: function () {
                            layer.close(tips);
                        }
                    });
                    $(".icon-combined-shape-copy02").on({
                        mouseenter: function () {
                            tips = layer.tips("<span style='color:#000;'>嘻嘻嘻嘻嘻嘻</span>", "#id2", { tips: [3, '#ddd'], time: 0, area: 'auto', maxWidth: 500, tipsMore: true });
                        },
                        mouseleave: function () {
                            layer.close(tips);
                        }
                    }); 
                </script>
                <!-- 方法三 -->
                <script>
                    $('.tips').on('click', function () {
                        layer.tips('请输入用户名', '#tips', {
                            tips: [3, '#0FA6D8'], //设置tips方向和颜色 类型:Number/Array,默认:2 tips层的私有参数。支持上右下左四个方向,通过1-4进行方向设定。如tips: 3则表示在元素的下面出现。有时你还可能会定义一些颜色,可以设定tips: [1, '#c00']
                            tipsMore: false, //是否允许多个tips 类型:Boolean,默认:false 允许多个意味着不会销毁之前的tips层。通过tipsMore: true开启
                            time: 2000  //2秒后销毁,还有其他的基础参数可以设置。。。。这里就不添加了
                        });
                    });
                </script>
                 
                </html>
                 
                本站部分内容来源互联网,如果有图片或者内容侵犯了您的权益,请联系我们,我们会在确认后第一时间进行删除!

                相关文档推荐

                layui点击图片实现预览功能,要怎么实现呢? HTML内使用代码: img src="..." alt="..." width="200px" height="200px" class="layui-upload-img" onclick="previewImg(this)" JS代码部分: function previewImg(obj) { var img = new Image(); img.src = obj
                layui.laydate默认当前时间时分秒,详细代码如下: //加载日期控件信息 layui.use('laydate', function() { var laydate = layui.laydate; var now = new Date(); laydate.render({ elem: '#publishTime', theme: 'molv', type: 'datetime', trigger: 'click'
                layui表格中判断内容为视频或者图片并实现预览,具体实例代码如下: !DOCTYPE htmlhtmlhead titleLayui:数据表格table中预览图片、视频/title meta charset="utf-8"/ link rel="stylesheet" href="https://www.layui1.com/static/layui/dist/css/layui.css"
                layui校验数据后关闭layer弹窗的示例代码,具体代码如下: $.ajax({ url:"/other/notice_push", data:{title:title,content:content}, type: 'POST', dataType: 'json', success: function(res){ if(res.code == 200){ layer.msg(res.msg,{icon:6,time:2000})
                1.使用layui的form模块来实现表单提交。 2.在表单中设置提交事件,调用form.on方法,监听submit事件。在函数中获取到表单数据,然后将表单数据提交到后台。 3.在后台进行校验,校验成功后返回success,否则返回failed。 以下是一个示例:HTML代码: form cla
                layui table 中数据列中可点击按钮直接上传图片或者展示图片,实现功能如下: 这里直接展示代码(主要逻辑是要在table 加载时把upload 组件渲染在每一个格子) //table 列中模板的代码script type="text/html" id="imgTpl2"#[[a href="javascript:void(0);" on

                <small id='ywyoE'></small><noframes id='ywyoE'>

                  <tbody id='ywyoE'></tbody>
                  <legend id='ywyoE'><style id='ywyoE'><dir id='ywyoE'><q id='ywyoE'></q></dir></style></legend>
                  • <bdo id='ywyoE'></bdo><ul id='ywyoE'></ul>

                        <i id='ywyoE'><tr id='ywyoE'><dt id='ywyoE'><q id='ywyoE'><span id='ywyoE'><b id='ywyoE'><form id='ywyoE'><ins id='ywyoE'></ins><ul id='ywyoE'></ul><sub id='ywyoE'></sub></form><legend id='ywyoE'></legend><bdo id='ywyoE'><pre id='ywyoE'><center id='ywyoE'></center></pre></bdo></b><th id='ywyoE'></th></span></q></dt></tr></i><div id='ywyoE'><tfoot id='ywyoE'></tfoot><dl id='ywyoE'><fieldset id='ywyoE'></fieldset></dl></div>
                        1. <tfoot id='ywyoE'></tfoot>