tips 移出消失和移入显示

最新推荐文章于 2024-05-30 17:34:36 发布

weixin_30567471

最新推荐文章于 2024-05-30 17:34:36 发布

阅读量638

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/caozengling/p/9215804.html

本文介绍了一个基于layui框架的Badge元素实现鼠标悬停显示提示信息的方法。通过使用layer组件来实现自定义提示框，该提示框会在鼠标悬停于带有特定类名的元素上时出现，并在鼠标移开后关闭。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//规则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);
});

转载于:https://www.cnblogs.com/caozengling/p/9215804.html