jquery鼠标滑过提示标题具体实现代码

复制代码代码如下：脚本类型=' text/JavaScript ' src=' http :http://Ajax。谷歌API。com/Ajax/libs/jquery/1。8 .3/jquery。量滴js '/script脚本类型=' text/JavaScript ' $(function(){ var x=20；var y=0；$('.tooltiptt ').鼠标悬停(函数{这个。我的头衔=这个。标题；this . title=var tool tipdi=' div id=' tool tipdi ' spanem/em ' this。我的标题'/span/div '；$(“正文”).追加(tooltip di)；$('#tooltipdi ').css({ 'top': (e.pagey y) 'px '，' left': (e.pagex x) 'px' }).show(' fast ')；}).鼠标移出(函数(){ this。标题=这个。我的头衔；$('#tooltipdi ').移除();}).鼠标移动(函数(e){ $('#tooltipdi ').css({ 'top': (e.pagey y) 'px '，' left ' :(e . pagex x)' px ' })；});})/脚本样式类型=' text/CSS ' * { margin 33600；划水：0;}body{ font:14px '微软雅黑；线高：2;color : # 333 } p { margin :20 px背景技术# eee border-radius :5 px；padd :0 10pxcursor : default } # tooltipdi { position : absolute；右：0 to :0 float : leftz索引：99;}#tooltipdi span{ font:14px '微软雅黑；color: # 666float:left背景# fffborder:1px固体# c8 c8padd :6 px 12px border-半径：5 px} # tooltipdi span b {显示块：位置：绝对；左侧：-13px；top :10 px font-size :0；线高：0;宽度：0;高度：0;边框-颜色：透明；边框式：破折号；边框宽度：7 px边框-右侧-颜色： # c8 c8边框-右侧-样式：实心；} # tooltipdi span em { display : block；位置：绝对；左侧：-12px；top :10 px font-size :0；线高：0;宽度：0;高度：0;边框-颜色：透明；边框式：破折号；边框宽度：7 px边框-右侧-颜色： # fff边框-右侧-样式：实心；}/stylep title='分数：740分class='tooltiptt'1个太阳、2个月亮、2个星星，共多少积分呢？/pp title='分数：840分class='tooltiptt'1个太阳、2个月亮、2个星星，共多少积分呢？/pp title='分数：940分class='tooltiptt'1个太阳、2个月亮、2个星星，共多少积分呢？/pp title='分数：1040分class='tooltiptt'1个太阳、2个月亮、2个星星，共多少积分呢？/pp title='分数：1140分class='tooltiptt'1个太阳、2个月亮、2个星星，共多少积分呢？/p效果如下