CODEDRAGON ㆍDevelopment/JavaScript, jQuery, ...
슬라이드(slide) 효과
제이쿼리에서 슬라이드(slide) 효과는 해당 요소의 CSS height 속성값을 빠르게 변경하여 표현합니다.
|
메소드 |
설명 |
|
.slideUp(millisec|"slow"|"fast") |
· 슬라이드 업(slide up) · 선택한 요소의 CSS height 속성값을 높여가며 요소를 사라지게 합니다. · 인수로 밀리초에 해당하는 숫자나 "slow", "fast" 등의 예약어를 전달하여, 슬라이드 효과의 속도를 조절할 수도 있습니다. |
|
.slideDown(millisec|"slow"|"fast") |
· 슬라이드 다운(slide down) · 선택한 요소의 CSS height 속성값을 낮춰가며 요소를 나타나게 합니다. · 인수로 밀리초에 해당하는 숫자나 "slow", "fast" 등의 예약어를 전달하여, 슬라이드 효과의 속도를 조절할 수도 있습니다. |
|
.slideToggle() |
· 선택한 요소에 slideUp() 메소드와 slideDown() 메소드를 번갈아가며 적용합니다. · 선택한 요소가 현재 사라진 상태라면 .slideDown() 메소드의 동작을 수행하고, 나타나 있는 상태라면 .slideUp() 메소드의 동작을 수행합니다. |
'Development > JavaScript, jQuery, ...' 카테고리의 다른 글
| jQuery.fx 객체 (0) | 2017.11.28 |
|---|---|
| 이펙트 효과 제어 (0) | 2017.11.28 |
| 페이드(fade) 효과 (0) | 2017.11.28 |
| 요소의 표시와 숨기기, .hide() 메소드 vs CSS의 visibility 속성 (0) | 2017.11.28 |
| 이펙트(effect) 효과 (0) | 2017.11.28 |