Latest web development tutorials

jQuery를 UI의 API - 페이드 효과 (페이드 효과)

범주

특수 효과 (효과)

용법

설명 : 숨기거나 요소를 표시하는 요소를 페이딩에 의한 효과 (페이드 효과) 페이드.

fade

예

특수 효과 페이드의 사용 (페이드 효과)는 DIV 전환. 

<! DOCTYPE html로>
<HTML LANG = "EN">
<헤드>
  <메타 문자 집합 = "UTF-8">
  <제목> 페이드 효과 (페이드 효과) 데모 </ 제목>
  <링크 REL = "스타일 시트"HREF = "// code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
  <스타일>
  #toggle {
    폭 : 100 픽셀;
    높이 : 100 픽셀;
    배경 : #ccc;
  }
  </ 스타일>
  <스크립트 SRC = "// code.jquery.com/jquery-1.10.2.js"> </ script>
  <스크립트 SRC = "// code.jquery.com/ui/1.10.4/jquery-ui.js"> </ script>
</ 헤드>
<바디>
 
<P> 전환 아무 곳이나 클릭합니다. </ P>
<사업부 아이디 = "토글"> </ DIV>
 
<스크립트>
$ (문서) .click (함수 () {
  $ ( "#toggle") .toggle ( "페이드");
});
</ 스크립트>
 
</ BODY>
</ HTML>