Layui提示说明弹框

最新推荐文章于 2025-04-23 11:15:02 发布

NHPH

最新推荐文章于 2025-04-23 11:15:02 发布

阅读量6.2k

点赞数

文章标签： layui弹出说明

本文链接：https://blog.youkuaiyun.com/weixin_42085115/article/details/92797288

版权

博客介绍了使用Layui实现特定效果，即当鼠标悬停时，会出现提示说明文字，且该提示文字会在几秒后自动关闭，实现方法参考官方文档。

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

实现效果：当鼠标悬停时，出现提示说明文字，几秒后自动关闭

实现：

<th data-field="finish">状态</th>
<th data-field="is_pay">是否支付<i id="is_pay_explain" class="fa fa-question-circle" aria-hidden="true"></i></th>
<th data-field="user1_name">发起人(ID/昵称)</th>

$(function () { 
    $("#is_pay_explain").hover(function () { 
        var tips = layer.tips('单购时已支付；<br />团购时团长已支付', '#is_pay_explain',{
            tips: [1, '#555555']
            // 上右下左四个方向，通过1-4进行方向设定
        });
        sleep(5000);
        layer.close(tips);
    }) 

})

官方文档