먼저 JQ 프레임워크를 참조해야 합니다. 그럼 효과를 살펴보겠습니다. (연결을 추가할 수 없습니다.) 구체적인 효과는 왼쪽 "내 상자"의 "게임하기"를 참조하세요. 내 블로그 옆: 아래 코드에는 구체적인 설명이 있습니다. 코드를 다시 살펴보겠습니다. 코드 복사 코드는 다음과 같습니다. IQ 공 3 <br>$(document).ready(function(){ <br>$ ("#thegameBox a ").mousemove(function(ev){ <br>var _Imgsrc="http://files.jb51.net/upload/201109/20110901202741350.jpg";//여기서 요소 이름을 설정해야 하며 사진에는 같은 이름 <br>var _Ways=$(this).attr("alt");//현재 마우스가 가리키는 요소의 Alt 가져오기 <br>$("#_gameinfo").show();/ /프롬프트 레이어 표시<br>if(!ev){ev=window.event;};//IE 여부 감지 <br>document.getElementById("_gameinfo").style.left=(ev.clientX 10) " px";//왼쪽 프롬프트 정보를 마우스 X축 거리 10px로 설정 <br>document.getElementById("_gameinfo").style.top=(ev.clientY 10) "px";//Set 프롬프트 정보 상단에서 마우스까지 X축 거리는 10px <br>$("#_gameinfo").html('<img src="' _Imgsrc '" alt="" width="158" height=" 117" style="margin-bottom: 3px;" /><br />' '<font color="blue">작업 방법: </font> _Ways '');//추가 콘텐츠를 프롬프트 레이어에 추가하고 매개변수 <br>}).mouseout(function(){ <br>$("#_gameinfo").hide();//마우스가 숨기기 위해 요소 프롬프트 레이어를 떠납니다. <br> }) <br>}) <br>< /script></div>
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
