20.jQuery - CallBack ( 20.CallBack )

티스토리 뷰

Posted by Godffs on 2009. 11. 9. 09:26 in jQuery | javascript | CSS /

- CallBack : 데이터가 아닌 함수를 매개변수로 전달,
사용자 정의 애니메이션의 효과중 하나로 애니메이션이 끝난뒤 호출되는 함수
매개변수로 함수를 전달하는 예제입니다.

20.CallBack.htm

<head>

<title>콜백 : 매개변수로 함수를 전달</title>

$(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>

</body>

</html>

결과화면

[그림20-1]

다운된 슬라이드 세번째를 업시켜 두번째 글씨를 감추고자 할 때

$thisPara.next().slideDown('show', function() {

$thisPara.slideUp('show');

});

20.CallBack.htm