大きな画像を表示および非表示にするための JS コード: コードをコピー コードは次のとおりです: <br> //画像表示<br> function over(imgid,obj,imgbig)<br> {<br>//大きな画像表示の最大サイズ 4:3 サイズ 400 300<br>maxwidth=400; <br>maxheight=300; <p> //Display<br> obj.style.display="";<br> imgbig.src=imgid.src;<br><br> <br> //1 幅と高さを超えています。を参照してください。超えた方が最大値として設定されます。残りの戦略は 2 と 3 <br> //2 を超え、高さが超えない場合は、幅を最大値に設定します。 //3 、幅が超えず、高さが超える場合は、高さを最大値に設定します <br><br> if(img.width>maxwidth&&img.height>maxheight)<br> {<br> pare=( img.width-maxwidth） - （img.height-maxheight）;<br>}<br>else if（img.width> maxwidth && img.height＆lt; = maxheight）<br>yight＆gt; 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></P> <P>小さい画像を表示する画像と大きい画像を表示する画像: <BR> <BR><BR><BR><BR><BR>コードをコピー</div></P><P> コードは次のとおりです:</P><P><div class="codetitle"><img id="img" src ="http://www.jb51.net/images/logo.gif" onmouseover="over(img,divImage,imgbig);" onmouseout="out()" width="100" alt="" height=" 100" / ><span><a style="CURSOR: pointer" data="14784" class="copybut" id="copybut14784" onclick="doCopy('code14784')"> <%-- 大きなアイコンを表示する領域--%><u> <div id="divImage" style="display: none; left: 120px;top: 5px; 位置 : 絶対"></u> <img id="imgbig" src="http://www.jb51.net/images/logo.gif" alt="プレビュー" /></a> < ;/div> ;</span></p> </div> <div class="codebody" id="code14784"></div>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
