//这是射流研究…里的代码MOMO.js

因为刚学封装JQUERY插件所以就做的稍微麻烦一点，其实在前台页面直接就可以用鼠标悬停，鼠标移出，鼠标移动三个事件就行了

（函数($){ $ .fn。扩展({ ' title over ' :函数{这个[0]).myTitle=这个[0]。标题；这个[0]。title=//创建差异元素var tooltip=' div id=' tooltip ' style=' border :1 px solid # 000000；宽度：汽车；位置：绝对；''这个[0]。myTitle '/div' $('body ').追加（工具提示);$(“# tooltip”).css({ 'top': (e.pageY y) 'px '，' left': (e.pageX x) 'px' }).show(' fast ')；}、“标题输出”:函数(){此[0].标题=这个[0]。my TItle $(“# tooltip”).移除();}，标题移动：函数(e){ $(' #工具提示').css({ 'top': (e.pageY y) 'px '，' left ' :(e . Pagex x)' px ' })；} });//默认鼠标坐标var x=10var y=20})(窗口。jquery)；前台的页面：

！DOCTYPE html html xmlns=' http://www .w3。org/1999/XHTML ' head runat=' server ' meta http-equiv=' Content-Type ' Content=' text/html；charset=utf-8/' title jquerydemo/title脚本类型=' text/JavaScript ' src=' http : script/jquery-1。8 .3 .js /脚本脚本类型=' text/JavaScript ' src=' http :脚本/momo。js /脚本脚本类型=' text/JavaScript ' $(function(){ $(' a ')).鼠标悬停(函数(e) { $(本)).标题超过(e)；}).mouseout(函数(){ $(此)).title OUt()；}).鼠标移动(函数(e) { $(本)).标题移动(e)；});});/script/head body a href=' # ' title='这是一个链接'这是一个链接^_^!/a/body/html运行效果：

当然还可以把差异的内容换成图片，就形成了图片的悬浮效果

努力学习.

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持我们！