[jQuery] jQuery 동적 효과

 

1. 해당 엘리먼트를 사라지게 하기

 

 

< 출력값 > 

Show it

 

Hide it

 

Show it slow 

 

 

Hide it slow

 

 

 

2. 해당 엘리먼트를 사라지게 하기(2)

 

 

< 출력값 > 

 

Show 

 

 

Hide it 

 

Show it slow

 

Hide it slow

 

 

 

 

3. Sliding

 

 

< 출력값 > 

 

slideDown - 밑으로 내려오도록 합니다 . 

 

slideUp - 위로 올라가도록 합니다. 

 

slideTogggle - 천천히 내려오도록 합니다. 

 

slideTogggle - 천천히 올라가도록 합니다.

 

 

 

 

 

4. 해당 엘리먼트를 서서히 보이게 하기

 

- display : none  숨겨져 있음 

 

- fadeIn 매서드를 활용하여 서서히 보이도록 합니다. 

 

 

< 출력값 > 

 

 

 

 

 

5. 페이딩 

 

 

< 출력값 >

 

- 기본 환경 - 

- fadeIn - 

- fadeOut - 

- fade Toggle - 

- fade Toggle -

 

 

 

 

6. 엘리먼트에 투명도 값 변경하기

< 출력값 >