jquery鼠标悬停动态显示提示文字或者图片
生活随笔
收集整理的這篇文章主要介紹了
jquery鼠标悬停动态显示提示文字或者图片
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
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)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 【测试基础】Linux文本编辑vi命令
- 下一篇： QQ在线客服代码（不需要加好友即可发起临