复主代码 代码如下: <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; 패딩:0;}<br> body{ 글꼴:14px "微软雅黑"; 줄 높이:2; 색상:#333;}<br> p{ 여백:20px; 배경:#eee; 테두리 반경:5px; 패딩:0 10px; 커서:기본값}<br><br> #tooltipdi{ 위치:절대; 오른쪽:0; 상단:0; 부동:왼쪽; z-index:99;}<br> #tooltipdi 범위{ 글꼴:14px "微软雅黑"; 색상:#666; 부동:왼쪽; 배경:#fff; 테두리:1px 솔리드 #c8c8c8; 패딩:6px 12px; border-radius:5px;}<br> #tooltipdi 스팬 b{ 디스플레이:블록; 위치:절대; 왼쪽:-13px; 상단:10px; 글꼴 크기:0; 줄 높이:0; 너비:0; 높이:0; 테두리 색상:투명; 테두리 스타일:점선; 테두리 너비:7px; 테두리 오른쪽 색상:#c8c8c8; border-right-style:solid;}<br> #tooltipdi 스팬 em{ 디스플레이:블록; 위치:절대; 왼쪽:-12px; 상단:10px; 글꼴 크기:0; 줄 높이:0; 너비:0; 높이:0; 테두리 색상:투명; 테두리 스타일:점선; 테두리 너비:7px; 테두리 오른쪽 색상:#fff; border-right-style:solid;}<br><br> 1个太阳、2个月亮, 2个starstar，共多少积分呢? 1个太阳、2个月亮、2个moonstar，共多少积分呢? 1个太阳、2个月亮、2个starstar，共多少积分呢? 1个太阳, 2个月亮、2个STAR ，共多少积分呢? < p title="分数:1140分" class="tooltiptt">1个太阳, 2个月亮, 2个星,共多少积分呢？ 效果如下：
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
