하이퍼링크 프롬프트 효과: 코드 복사 코드는 다음과 같습니다. <br>//<![CDATA[ <BR>$(function(){ <BR>var x = 10; <BR>var y = 20; <BR>$("a .tooltip ").mouseover(function(e){ <BR>this.myTitle = this.title; <BR>this.title = ""; <BR>var tooltip = "<div id='tooltip'> " this .myTitle "</div>"; //div 요소 생성<br>$("body").append(tooltip); //문서에 추가<br>$("#tooltip") <br>.css({ <br>"top": (e.pageY y) "px", <br>"left": (e.pageX x) "px" <br>}).show("fast ") ; //x 좌표와 y 좌표를 설정하고 표시 <br>}).mouseout(function(){ <br>this.title = this.myTitle; <br>$("#tooltip").remove (); //제거 <br>}).mousemove(function(e){ <br>$("#tooltip") <br>.css({ <br>"top": (e.pageY y) " px" , <br>"left": (e.pageX x) "px" <br>}); <br>}); <br>}) <br>//]]> <br>< /script> ; <BR></div> <BR>그림 프롬프트 효과: <BR><div class="codetitle"><span><a style="CURSOR: pointer" data="26113" class="copybut" id="copybut26113" onclick="doCopy('code26113')"><U>코드 복사</U></a></span> 코드는 다음과 같습니다. </div><div class="codebody" id="code26113"> <BR><script type="text/javascript"> <br>//<![CDATA[ <BR>$(function(){ <BR>var x = 10; <BR> var y = 20; <BR>$("a.tooltip").mouseover(function(e){ <BR>this.myTitle = this.title; <BR>this.title = ""; <BR>var imgTitle = this.myTitle? "<br/>" this.myTitle : ""; <br>var tooltip = "<div id='tooltip'><img src='" this.href "' alt ='제품 미리보기'/>" imgTitle "</div>"; //div 요소 생성<br>$("body").append(tooltip); //문서에 추가<br>$ ("#tooltip ") <br>.css({ <br>"top": (e.pageY y) "px", <br>"left": (e.pageX x) "px" <br>} ).show( "fast"); //x 좌표와 y 좌표를 설정하고 <br>}).mouseout(function(){ <br>this.title = this.myTitle; <br>$(" #tooltip").remove(); //제거 <br>}).mousemove(function(e){ <br>$("#tooltip") <br>.css({ <br>"top": ( e.pageY y ) "px", <br>"left": (e.pageX x) "px" <br>}) <br>}) <br>//]]> ; <br> </스크립트></div>
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
