<div class="codetitle"> <span><a style="CURSOR: pointer" data="72770" class="copybut" id="copybut72770" onclick="doCopy('code72770')"><u>코드 복사</u></a></span> 코드는 다음과 같습니다.</div> <div class="codebody" id="code72770"> <br><title></title> <style type="text/css"> <br>.imgclass{ width:300px; height:300px; border:solid 1px red;} <br></style> jquery-1.9 .1.js" type="text/javascript"></script> <br><script type="text/javascript"> <br>$(함수 () { <br>$ ('# Button1').bind('클릭', function () { <br>$('img').fadeOut(2000, function () { <br>$('#Button1').val('안녕하세요 , 사라짐 '); <br>}) <br>$('#Button2').bind('click', function () { <br>$('img').fadeIn(2000 , function () { <br>$('#Button2').val('has'); <br>}) <br>}) <br>$('#Button3').bind('클릭' , function () { <br>$('img').fadeTo(2000, 0.3, function () { <br>alert('애니메이션 실행 완료'); <br>}) <br>}) <br> }) <br></script> <br><body> <br><div><br><div><img src="images/1.jpg" class="imgclass"/></div> ;/div> <br></body></div>