layer实现鼠标悬浮效果

最新推荐文章于 2023-03-24 16:25:36 发布

weixin_30878501

最新推荐文章于 2023-03-24 16:25:36 发布

阅读量1.4k

点赞数

文章标签： javascript ui ViewUI

原文链接：http://www.cnblogs.com/pansidong/p/11598399.html

版权

本文介绍了一种使用jQuery和layer插件实现的层悬停显示提示信息的效果。当鼠标进入指定元素时，将显示该元素的数据属性中定义的文字提示，增加用户体验。离开元素时，提示信息自动关闭。

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

    var tip_index = 0;
    $(document).on('mouseenter', '.layer_hover', function(){
        var words = $(this).data('words');
        tip_index = layer.tips(words, '.layer_hover', {time: 0});
    }).on('mouseleave', '.layer_hover', function(){
        layer.close(tip_index);
    });