jQuery("#"+m_birthplace_id).mouseover(function (e) {//this.Mytitle ="精確到縣市級";$("body").append("<div id='div_toop'>" + this.Mytitle + "</div>");//將要顯示的內(nèi)容添加到 新建 div標(biāo)簽中 并追加到 body 中$("#div_toop").css({//設(shè)置 div 內(nèi)容位置"top": (e.pageY + 10) + "px","position": "absolute",//添加絕對位置"background-color":"#90badd","font-weight":"bold","left": (e.pageX + 30) + "px"}); }).mouseout(function () { //鼠標(biāo)指針從 a標(biāo)簽 上離開時 發(fā)生mouseout 事件$("#div_toop").remove();//移除對象 });

展示效果：

總結(jié)

以上是生活随笔為你收集整理的jquery鼠标悬停动态显示提示文字或者图片的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。