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鼠标悬停动态显示提示文字或者图片的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。