fadein

영어 [feɛ'dɛn] 미국식 [feɛ'dɛn]

n 점차 밝아지다, 점차 나타나다

.

jquery fadeIn() 메서드 통사론

기능: fadeIn() 메서드는 요소가 숨겨져 있는 경우 페이드 인 효과를 사용하여 선택한 요소를 표시합니다.

구문: ​​$(selector).fadeIn(speed,callback

매개변수:

선택사항입니다. 콜백에 대해 자세히 알아보려면 jQuery 콜백 장을 참조하세요. 그렇지 않으면 이 매개변수를 설정할 수 없습니다. 요소가 이미 표시된 경우 콜백 함수가 지정되지 않는 한 이 효과는 jQuery를 통해 숨겨진 요소 또는 CSS에서 display:none이 선언된 요소에 적용됩니다(그러나 visible:hidden이 있는 요소는 제외). .

jquery fadeIn() 메서드 예

<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>
인스턴스 실행 »

온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요

Parameter Description
speed 선택 사항입니다. 요소를 숨김에서 표시 속도로 지정합니다. 기본값 이다 "보통" 가능한 값: 밀리초(예: 1500) "느림" "보통" "빠름" 속도를 설정하면 요소의 투명도가 숨겨진 상태에서 표시되는 상태로 점차 변경됩니다(이렇게 하면 페이드인 효과가 생성됩니다). callback