복붙노트

[JQUERY] 명시 적 스타일이없는 경우에만 CSS 클래스와 jQuery.animate ()

JQUERY

명시 적 스타일이없는 경우에만 CSS 클래스와 jQuery.animate ()

해결법


  1. 1.jQueryUI는 애니메이션 CSS의 클래스를 허용 애니메이션 기능에 대한 확장 기능을 제공합니다.

    jQueryUI는 애니메이션 CSS의 클래스를 허용 애니메이션 기능에 대한 확장 기능을 제공합니다.

    편집 : 여기 예

    당신은 또한에 관심이있을 수있는 클래스 토글 추가하는 방법 / 제거는 /도있다.


  2. 2.웨스턴 루더는 CSS 전환에 대한 웹킷 제안을 사용하여 비슷한 일을 내장 :

    웨스턴 루더는 CSS 전환에 대한 웹킷 제안을 사용하여 비슷한 일을 내장 :

    http://weston.ruter.net/projects/jquery-css-transitions/

    이 구현은 당신을 위해 유용 할 수 있습니다.


  3. 3.제임스 Padolsey의 animateToSelector을 확인

    제임스 Padolsey의 animateToSelector을 확인


  4. 4.많은 경우에 당신은이에 대한 CSS 전환을 사용하는 것이 더 낫다, 오래된 브라우저에서 완화는 단순히 인스턴트 될 것입니다. (IN / OUT 페이드와 같은) 대부분의 애니메이션은 구현하기가 매우 사소한 브라우저는 당신을 위해 모든 마술을한다. https://developer.mozilla.org/en/docs/Web/CSS/transition

    많은 경우에 당신은이에 대한 CSS 전환을 사용하는 것이 더 낫다, 오래된 브라우저에서 완화는 단순히 인스턴트 될 것입니다. (IN / OUT 페이드와 같은) 대부분의 애니메이션은 구현하기가 매우 사소한 브라우저는 당신을 위해 모든 마술을한다. https://developer.mozilla.org/en/docs/Web/CSS/transition

  5. from https://stackoverflow.com/questions/1248542/jquery-animate-with-css-class-only-without-explicit-styles by cc-by-sa and MIT license