复制代代码如下: <br> $(function(){<br> var x=20;<br> var y=0;<br> $(".tooltiptt").mouseover(function(e){<br> this.mytitle=this .title;<br> this.title="";<br> var tooltipdi="<div id="tooltipdi"><span><b></b><em></ em>" this.mytitle "</span></div>";<br> $("body").append(tooltipdi);<br><br> $("#tooltipdi").css( <br> {<br> "top": (e.pagey y) "px",<br> "left": (e.pagex x) "px" <br> }<br> ).show("fast ");<br> }).mouseout(function(){<br> this.title=this.mytitle;<br> $("#tooltipdi").remove(); <br> }).mousemove(function) (e){<br> $("#tooltipdi").css({<br> "top": (e.pagey y) "px",<br> "left": (e.pagex x) "px "<br> }); <br> });<br> })<br> <br> *{ margin:0; padding:0;}<br> body{ font:14px "微软雅黑";行の高さ:2; color:#333;}<br> p{ margin:20px;背景:#eee;境界半径:5px;パディング:0 10px;カーソル:デフォルト}<br><br> #tooltipdi{位置:絶対;右:0;トップ:0;フロート:左; z-index:99;}<br> #tooltipdi span{ font:14px "微软雅黑";色:#666;フロート:左;背景:#fff;ボーダー:1px ソリッド #c8c8c8;パディング:6px 12px; border-radius:5px;}<br> #tooltipdi span b{display:block;位置:絶対;左:-13px;上:10ピクセル;フォントサイズ:0;行の高さ:0;幅:0;高さ:0;境界線の色:透明;境界線スタイル:破線;ボーダー幅:7px;ボーダー右の色:#c8c8c8; border-right-style:solid;}<br> #tooltipdi span em{display:block;位置:絶対;左:-12px;上:10ピクセル;フォントサイズ:0;行の高さ:0;幅:0;高さ:0;境界線の色:透明;境界線スタイル:破線;ボーダー幅:7px;ボーダー右の色:#fff; border-right-style:solid;}<br><br> 1个太阳、2个月亮、2个星星、共量积分呢? 1个太阳、2个月亮、2个星星、共何积分呢? 1个太阳、2个月亮、2个星星、共何积分呢? p> 1个太阳、2个月亮、2个星星、共何积分呢? < p title="分数:1140分" class="tooltiptt">1个太阳、2个月亮、2个星星、どれくらい积分呢? 效果如下: