<div class="codetitle"> <span><a style="CURSOR: pointer" data="2793" class="copybut" id="copybut2793" onclick="doCopy('code2793')"><u>코드 복사</u></a></span> 코드는 다음과 같습니다.</div> <div class="codebody" id="code2793"> <br><html xmlns="http://www. w3.org /1999/xhtml"> <br><head> <br><title></title> <br><style type="text/css"> <br>#img1 <br>{ <br>너비:400px; <br>테두리: 1px #ccc; <br>} <br></style> ;script src ="jquery-1.9.1.js" type="text/javascript"></script> <br><script type="text/javascript"> { <br>$('#Button1').click(function () { <br>$('#img1').show(5000); //이미지 확장<br>}) <br>$( '#Button2' ).click(function () { <br>$('#img1').hide(5000); //이미지 스크롤 <br>}) <br>}) <br></script> ; <BR> </head> <br><body> <br><img id="img1" src="images/1.jpg" /> <br><input id="Button1" type="button " value="이미지 확장"/> <br><input id="Button2" type="button" value="이미지 축소"/> <br></body> </div>