<div class="codetitle"> <span><a style="CURSOR: pointer" data="83706" class="copybut" id="copybut83706" onclick="doCopy('code83706')"><u>코드 복사</u></a></span> 코드는 다음과 같습니다.</div> <div class="codebody" id="code83706"> <br><script src="Core/Public/js/ jquery.js " type="text/javascript"></script> //Jquery 소개 <br><style type="text/css"> //생성된 div의 스타일 쓰기<br># 툴팁 <br> { <br>경계: 1px #solid #333; <br>패딩: 1px <br>디스플레이 : 없음 <br>} <br></style> <br><script type="text/javascript"> //JS 코드 작성<br>$(function () { <br>var x = 10; <br>var y = 10; <br>$("a.tooltip").mouseover(function (e) { //마우스 포인터가 요소에서 이동할 때 <br>this.myTitle = this.title ; <br>this .title = ""; <br>var tooltip = "<div id='tooltip'>" this.myTitle "<br>$("body"). 추가(tooltip); <br>$("#tooltip").css({ "top": (e.pageY y) "px", "left": (e.pageX x) "px" }).show ("fast") ; <br>}).mouseout(function () { //마우스 포인터가 요소에서 멀어질 때 <br>this.title = this.myTitle; <br>$("#tooltip") .remove(); <br>}).mousemove(function (e) { //마우스 포인터가 요소에서 이동할 때<br>$("#tooltip").css({ "top": (e.pageY y) "px" , "left": (e.pageX x) "px" }) <br>}) <br>}); 🎜><ul> ; <BR><li><a href="#" class="tooltip" title="달콤한 루즈한 스웨터">1111111111111</a></li> li><a href="#" class="tooltip" title="Yessaahadesade">2222222222222</a></li> <br></ul></div>
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
