fadeout
영어 ['feˈd'aʊt] 미국 ['feˈd'aʊt]
n.
jquery fadeOut() 메서드 통사론
기능: fadeOut() 메서드는 요소가 숨겨져 있는 경우 페이드아웃 효과를 사용하여 선택한 요소를 숨깁니다.
구문: $(selector).fadeOut(speed,callback)
매개변수:
매개변수 | Description |
speed | 선택 사항입니다. 요소가 표시에서 숨김으로 전환되는 속도를 지정합니다. 기본값은 "보통"입니다. 가능한 값: 밀리초(예: 1500) "느림" "보통" "빠름" 속도를 설정할 때 요소는 표시에서 숨김으로 이동하면서 투명도를 점차 변경합니다(이로 인해 페이드 아웃 효과가 생성됨). |
콜백 | 선택사항. fadeOut 함수가 실행된 후 실행될 함수입니다. 콜백에 대해 자세히 알아보려면 jQuery 콜백 장을 방문하세요. 속도 매개변수를 설정하지 않으면 이 매개변수를 설정할 수 없습니다. |
참고: 요소가 숨겨진 경우 콜백 함수를 지정하지 않으면 효과는 아무런 변화도 일으키지 않습니다.
jquery fadeOut() 메서드 예
<html> <head> <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $(".btn1").click(function(){ $("p").fadeOut() }); $(".btn2").click(function(){ $("p").fadeIn(); }); }); </script> </head> <body> <p>This is a paragraph.</p> <button class="btn1">Hide</button> <button class="btn2">Show</button> </body> </html>
온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요