20.jQuery - CallBack ( 20.CallBack )
사용자 정의 애니메이션의 효과중 하나로 애니메이션이 끝난뒤 호출되는 함수
매개변수로 함수를 전달하는 예제입니다.
| 20.CallBack.htm |
|
<html xmlns="http://www.w3.org/1999/xhtml"> <head>
<title>콜백
: 매개변수로 함수를 전달</title>
<script src="jQuery/jquery-1.3.2-vsdoc2.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function()
{ $('p:eq(1)') //[1] 두번째 p태그 영역 .css('backgroundColor',
'Yellow') //[2]
두번째 영역의 배경색 지정 .click(function()
{ var
$thisPara = $(this); //[3] 현재 영역을 변수에 설정 $thisPara.next().slideDown('slow'); //[4] 두번째의 다음 요소를 슬라이드 다운 });
});
</script> </head> <body>
<p>첫번째</p>
<p>두번째</p>
<p style="display:none;">세번째</p>
<p>네번째</p> </body> </html> |
| 결과화면 |
[그림20-1]
$thisPara.next().slideDown('show', function()
{ $thisPara.slideUp('show'); }); |
20.CallBack.htm