2023年12月28日

(切图笔记)layui tips移出 消失和 移入 显示 亲测可用


layui在平常网站切图中很常用,最早接触layui是它的layer弹窗插件,是使用量很频繁的一个插件,同时为了应对网页中的不同情况,需要对于layui进行一些修改满足不同的情况,以下是实现 tips移出 消失和 移入 显示的代码,亲测可用。

//规则tips
var tip_index = 0;
$(document).on('mouseenter', '.layui-badge-rim', function(){
    tip_index=layer.tips($('.layer_notice').html(), '.layui-badge-rim', {
        tips: [4, '#D8D8D8'],
        area: ['auto', 'auto'],
        time: 50000
    });
}).on('mouseleave', '.layui-badge-rim', function(){
    layer.close(tip_index);
});

标签:, ,

微信扫一扫二维码访问


16年前端经验
加微信好友直接沟通
了解《我的十年》