JQuery [ 보이게하기, 사라지게하기 ]

fadeIn

• 화면에 보이게 하기
• 선택자의 해당되는 내용물을 숫자(밀리초) 동안 서서히 나타내기

$("선택자").fadeIn(밀리초);	// 숫자
// 밀리초 대신 slow, normal, fast
// slow = 600(0.6초)
// normal = 400(0.4초)
// fast = 200(0.2초)

fadeOut

• 화면에서 사라지게 하기
• 선택자의 해당하는 내용물을 숫자(밀리초) 동안 서서히 사라지게하기

$("선택자").fadeOut(밀리초);	// 숫자
// 밀리초 대신 slow, normal, fast
// slow = 600(0.6초)
// normal = 400(0.4초)
// fast = 200(0.2초)

SetTime 을 이용하여 fadeIn

for(let i=1; i<=배열명.length; i++){
	setTimeout(function(){
    	$("선택자").eq(i-1).fadeIn('normal');
    },(i*500);
}	// end of for---------------

---

slideDown

• 서서히 보이게하기 ( 위~아래로 )

$("선택자").slideDown(밀리초);	// 숫자
// 밀리초 대신 slow, normal, fast
// slow = 600(0.6초)
// normal = 400(0.4초)
// fast = 200(0.2초)

slideUp

• 서서히 사라지게하기 ( 아래~위 )

$("선택자").slideUp(밀리초);	// 숫자
// 밀리초 대신 slow, normal, fast
// slow = 600(0.6초)
// normal = 400(0.4초)
// fast = 200(0.2초)

---

정리

• chap11_fadeIn_fadeOut_slideUp_slideDown -> 01_fadeIn_fadeOut.html, 01.js, 01.css, 02_fadeIn_fadeOut_setTimeout.html, 02.js, 02.css, 03_slideUp_slideDown.html, 03.js, 03.css