메뉴 닫기

가장 간단하게 jquery로 페이드인(fadein) 하는 튜토리얼

0 답변 글타래를 보이고 있습니다
  • 글쓴이
    • #6874
      Im.CodeIm.Code
      키 마스터
      • 토픽 23
      • 답변 0
      @imcode

      아래와 같은 예제 요소에다가

      <div class="ex1">Fade In</div>
      

      스타일을 display:none; 먹여서 기본적으로 숨겨주고

      <style>.ex1{display:none;}</style>
      

      jqeury 를 적당한 버전을 불러오고

      <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
      

      fadein 시키는 jquery 코드를 쓰면 됨

      <script>
      $( document ).ready( function() {
              $( '.ex1' ).fadeIn( 2000 );
            } );
      </script>
      
0 답변 글타래를 보이고 있습니다

태그: , , ,

  • 답변은 로그인 후 가능합니다.

이메일 구독 - Email Subs

최선을 다해 직접 만든 콘텐츠만 공유합니다.
We share the best content we have created.

이메일 구독 - Email Subs

최선을 다해 직접 만든 콘텐츠만 공유합니다.
We share the best content we have created.