구체적인 코드는 다음과 같습니다. 마우스가 숫자를 입력하면 다음 CSS가 추가됩니다. 코드 복사 코드는 다음과 같습니다: <br>.mouseOver <br>{ <br>border:1px solid; red <br>} <br> 이미지 전환을 위한 JS 코드는 다음과 같습니다. 코드 복사 코드는 다음과 같습니다. < ;/script> <br><script type="text /javascript"> <br>var imgPaths = ["http://files.jb51.net/demoimg/201008/o_p1.jpg", <br>" http://files.jb51.net/demoimg/201008/ o_p3.jpg]; <br>$(function () { <br>$("#showImg").attr("src", imgPaths[0]) ; <br>var top; <br>var width; <br>var height <br>top = $("#showImg").<br>left; ("#showImg").offset().left; <br>width = $("#showImg").width() <br>height = $("#showImg").height(); $("#popDiv").css({ 위치: " 절대", 위쪽: 위쪽 높이 - $("#popDiv").height(), 왼쪽: 왼쪽 너비 - $("#popDiv").width() , 패딩: "1px" }); <br>$( "#popDiv 범위").hover(function () { <br>$(this).addClass("mouseOver"); <br>}, <br> function () { <br>$(this).removeClass( "mouseOver") <br>} <br>).click(function () { <br>$("#showImg").attr("src", imgPaths[eval($(this).text())- 1]); <br>}) <br>}) <br> 코드 복사 코드는 다음과 같습니다. 🎜> 1 2 ; 특정 실행 효과를 직접 복사할 수 있습니다. 더 나은 결과를 원하면 위 코드를 직접 수정할 수 있습니다.
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
