jquery鼠标悬停动态显示提示文字或者图片

余大冠子

已于 2022-10-17 14:02:13 修改

阅读量2.8k

点赞数 1

分类专栏：泛微E8流程jqeury篇文章标签： jquery 鼠标悬停

于 2021-08-25 14:52:40 首次发布

本文链接：https://blog.csdn.net/qq_36643880/article/details/119911358

版权

泛微E8流程jqeury篇专栏收录该内容

37 篇文章 27 订阅

订阅专栏

jQuery("#"+m_birthplace_id).mouseover(function (e) {//
    this.Mytitle ="精确到县市级";
    $("body").append("<div id='div_toop'>" + this.Mytitle + "</div>");//将要显示的内容添加到 新建 div标签中 并追加到 body 中
    $("#div_toop").css({
        //设置 div 内容位置
        "top": (e.pageY + 10) + "px",
        "position": "absolute",//添加绝对位置
        "background-color":"#90badd",
        "font-weight":"bold",
        "left": (e.pageX + 30) + "px"
    });
}).mouseout(function () { //鼠标指针从 a标签 上离开时 发生mouseout 事件
    $("#div_toop").remove();//移除对象
});

展示效果：