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

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();//移除对象 });

展示效果：

总结

以上是生活随笔为你收集整理的jquery鼠标悬停动态显示提示文字或者图片的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。