jQuery 鼠标指针悬浮在文字上提示信息

最新推荐文章于 2024-09-10 15:47:12 发布

Alone枫叶

最新推荐文章于 2024-09-10 15:47:12 发布

阅读量1.4k

点赞数 1

分类专栏：前端文章标签： jquery 前端

本文链接：https://blog.youkuaiyun.com/Sxx312/article/details/86685834

版权

前端专栏收录该内容

4 篇文章

订阅专栏

jQuery 鼠标指针悬浮在文字上提示信息

    var message = $('#unmatch-request-message').val();
    var hint = '<div id="hint-message">' + message + '</div>';
    $('.mentee-send-unmatch-request, .mentor-send-unmatch-request').mouseover(function(e) {
        $('body').append(hint);
        $('#hint-message')
                    .css({
                       'top': (e.pageY + 10) + 'px',
                       'position': "absolute",
                       'left': (e.pageX + 20) + 'px',
                    }).show('fast');
    }).mouseout(function() {
        $('#hint-message').remove();
    }).mousemove(function(e) {
        $('#hint-message')
                    .css({
                        'top': (e.pageY + 10) + 'px',
                        'position': "absolute",
                        'left': (e.pageX + 20) + 'px',
                    });
    });