CSS 코드 복사 코드는 다음과 같습니다. #divD{ <BR>너비:300px; <BR>높이:100px; <BR>배경색:#CC99FF; <BR>} <BR> Jquery 코드 코드 복사 코드는 다음과 같습니다. < script type="text/ javascript" src="bg/js/jquery-1.4.2.min.js"> $(document).ready (function(){ <br>$("#btnFadein").bind("click",Fadein); //btnFadein의 클릭 시간을 바인딩합니다<br>$("#btnFadeout"). 바인딩("click", Fadeout); //btnFadeout의 클릭 시간 바인딩<br>}) <br><br>function Fadein(){ <br>$("#divD").slideDown("slow"); //슬라이드 인<br>} <br><br>function Fadeout(){ <br>$("#divD").slideUp("slow") //슬라이드 아웃<br>} <br>< /script> <br><br> </div>HTML <br><br><div class="codetitle"><span><a style="CURSOR: pointer" data="17125" class="copybut" id="copybut17125" onclick="doCopy('code17125')">코드 복사<u></u></a> 코드는 다음과 같습니다.</span></div> <div class="codebody" id="code17125"><body> <br><input type="button" value="슬라이드 인" id="btnFadein" /> <br><input type="button" value="슬라이드 아웃" id="btnFadeout"/> <br><div id="divD">이것은 div</div> <br>DIV <br><br> <br>O (∩_∩)O 매일 조금씩 발전해가세요 O(∩_∩)O 개인 공부 노트를 기록하는 블로그입니다. 틀린 부분이 있으면 지적해주세요!</div>
