큰 이미지를 표시하고 숨기는 JS 코드: 코드 복사 코드는 다음과 같습니다. <br> //이미지 표시<br> 함수 오버(imgid,obj,imgbig)<br> {<br>//대형 이미지 표시의 최대 크기 4:3 크기 400 300<br>maxwidth=400; <br>최대 높이=300; <p> //표시<br> obj.style.display="";<br> imgbig.src=imgid.src;<br><br> <br> //1 너비와 높이가 초과되었습니다. 그 이상을 초과하는 쪽이 최대값으로 설정됩니다. 나머지 전략은 2와 3에 따릅니다. <br> //2. 너비는 초과하고 높이는 초과하지 않으면 너비를 최대값으로 설정합니다<br> //3 , 너비가 초과되지 않고 높이가 초과하는 경우 높이를 최대값으로 설정 <br><br> if(img.width>maxwidth&&img.height>maxheight)<br> {<br> pare=( img.width-maxwidth)- (img.height-maxheight);<br> ~ > 🎜 > img.height=maxheight;<br> } <br> }<br> <br> //사진 숨기기<br> function out()<br> {<br>document.getElementById('divImage').style.display="none";<br> }<br></script> ; <BR><BR><BR> <BR>작은 이미지를 표시하는 이미지와 큰 이미지를 표시하는 이미지 : </P> <P><BR><BR><BR><BR>코드 복사<BR><BR></div> 코드는 다음과 같습니다.</P><P></P><img id="img" src ="http ://www.jb51.net/images/logo.gif" onmouseover="over(img,divImage,imgbig);" onmouseout="out()" width="100" alt="" height=" 100" / ></p> <p></p> <div class="codetitle"> <%--큰 아이콘을 표시할 영역--%><span> <div id="divImage" style="display: none left: 120px;top: 5px; 위치 : 절대값"><a style="CURSOR: pointer" data="14784" class="copybut" id="copybut14784" onclick="doCopy('code14784')"> <img id="imgbig" src="http://www.jb51.net/images/logo.gif" alt="Preview" /><u> < ;/div> ;</u></a></span> </div> </div>
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
