精品国产av一区二区三区,成人无码日韩精品影院一区二区

layui 鼠標(biāo)移動(dòng)在文字上顯示 lay-tips 方法

2021-7-13 前端達(dá)人

代碼：

在源代碼加上

<i class="layui-icon layui-icon-tips" lay-tips="最大長度為16個(gè)文字" ></i>

JS代碼

加上js代碼

$('*[lay-tips]').on('mouseenter', function(){
var content = $(this).attr('lay-tips');

this.index = layer.tips('<div style="padding: 10px; font-size: 14px; color: #eee;">'+ content + '</div>', this, {
time: -1
,maxWidth: 280
,tips: [3, '#3A3D49']
});
}).on('mouseleave', function(){
layer.close(this.index);
});

禁用鼠標(biāo)事件,設(shè)置pointer-events屬性為none:

pointer-events:none

開啟鼠標(biāo)事件,設(shè)置pointer-events為auto:

pointer-events:auto

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群，每天會(huì)分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì)，如果有興趣的話，可以進(jìn)入一起成長學(xué)習(xí)，請(qǐng)掃碼藍(lán)小助，報(bào)下信息，藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請(qǐng)與我們聯(lián)系。