複製程式碼程式碼如下： <BR><BR><script type="text= http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"> <BR> $(函數(){<BR> var x=20;<BR> var y=0;<BR> $(".tooltiptt").mouseoverfunction(e){tle<BR> . > this.title="";<BR> var tooltipdi="<div id="tooltipdi"><span><b><em></ em>" this.mytitle "< /div>";<br> $("body").append(tooltipdi);<br><BR> $("#tooltipdi").css <BR> : $("#tooltipdi").css <BR> : pagey y) "px",<BR> "左": (e.pagex x) "px" <BR> }<BR> ).show {<BR> this.title=this.mytitle;<BR> $("#tooltipdi").remove(); <BR> }.mousemove(function (e){ o; .css({<BR> "頂部": (e.pagey y) "px",<BR> "左": (e.pagex x) "px "<BR> } );<pagex x) "px "<BR> > })<BR> <BR> *{ margin:0; padding:0;}<BR> body{ font:14px "微軟雅黑";行高：2；顏色：#333;}<BR> p{ 邊距：20px;背景：#eee；未知半徑：5px；內邊距：0 10px；頭部：預設}<BR><BR> #tooltipdi{ 位置：絕對；右：0；上方：0；浮動：左； z-index:99;}<br> #tooltipdi span#tooltipdi span {字體:14px "微軟雅黑";顏色：#666；浮動：左；背景：#fff；已知：1px實心#c8c8c8；內邊距：6px 12px；邊框半徑:5px;}<br> #tooltipdidi span b{ display:block; 位置：絕對；左：-13px；上：10px；字體大小：0；行高：0；寬度：0；高度：0；邊框顏色：透明；邊框樣式：虛線；邊框寬度： 7px；右邊框顏色：#c8c8c8； border-right-style:solid;}<BR> #tooltipdi span em{ display:block;位置：絕對；左：-12px；頂部：10px；字體大小：0；行行高：0；寬度：0；身高：0；已知顏色：透明；已知樣式：虛線；已知寬度：7px；已知顏色：#fff；border-right-style:solid;}<BR><BR> </ style><br><br> <p title="分數:740分" class="tooltiptt">1個太陽、2個月亮、2個星星，共多少積分呢？ 🎜> <p title="積分:840分" class="tooltiptt">1個太陽、2個、2個月亮星星，共多少積分呢？分" class= "tooltiptt">1個太陽、2個月亮、2個星星，共多少積分呢？</ p><br> <p title="分數:1040分" class="tooltiptt">1個太陽、2個積分呢？個星星，共多少積分呢？ <br>效果如下：<BR><BR><BR>
