layui中tips層的用法

這篇文章給大家分享的是有關(guān)layui中tips層的用法的內(nèi)容。小編覺得挺實用的，因此分享給大家做個參考。一起跟隨小編過來看看吧。

成都創(chuàng)新互聯(lián)主營隆林網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營網(wǎng)站建設(shè)方案,app開發(fā)定制,隆林h5小程序定制開發(fā)搭建,隆林網(wǎng)站營銷推廣歡迎隆林等地區(qū)企業(yè)咨詢

layui的tips層的使用方法：首先引入文件layer.css和layer.js文件；然后使用代碼格式為“l(fā)ayer.tips(msg, '#id',{tips: 1}，time:10000)”；最后設(shè)置相關(guān)參數(shù)即可。

layui中tips的使用

1、引入文件 layer.css 、 layer.js

2、參數(shù)介紹：

layer.tips(content, follow, options) - tips層
{
content:tooltip內(nèi)容可以是str，也可以是html代碼
follow:依附的元素，一般用id表示
如果依附的元素是自己直接用this即可，如果是在其他元素的事件（比如點擊）里面，記得更改this指向。
options:tips的配置型[tips位置：1上；2右；3下；4左,字體的顏色]
}

這3個是必填參數(shù)，也同時具有l(wèi)ayer的其他基礎(chǔ)參數(shù)，比如time（是否定時關(guān)閉），area（設(shè)置框的寬高），shadeClose（是否點擊遮罩層關(guān)閉）等。

3、代碼示例：

layer.tips(msg, '#id',{tips: 1}，time:10000)

如果我們不想定時關(guān)閉，而是劃過顯示，劃出隱藏的效果，可以配合mouseenter、mouseleave事件即可，此時的time值為0，比如

 

        你喜歡的人：
        
        
    
    
    
    
/*    $(".ack-img").hover(function () {
        layer.tips("智能組卷：每個用戶考試時抽到的試題及順序隨機(jī)組成", '.ack-img', {tips: 1});
    });*/
 
    $(function(){
        var tips;
        $('.ack-img').on({
            mouseenter:function(){
                var that = this;
                tips =layer.tips("智能組卷：每個用戶考試時抽到的試題及順序隨機(jī)組成",
                    that,{tips:[2,'#fff'],time:0,area: 'auto',maxWidth:500});
                //tips = layer.tips("智能組卷：每個用戶考試時抽到的試題及順序隨機(jī)組成", that, {tips: 1});
            },
            mouseleave:function(){
                layer.close(tips);
            }
        });
    });

感謝各位的閱讀！關(guān)于layui中tips層的用法就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學(xué)到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！

新聞標(biāo)題：layui中tips層的用法
分享路徑：http://m.jiaotiyi.com/article/jippso.html