developer tip

명시 적 스타일없이 CSS 클래스 만있는 jQuery.animate ()

copycodes 2020. 10. 30. 08:15
반응형

명시 적 스타일없이 CSS 클래스 만있는 jQuery.animate ()


JQuery animate를 사용하여 모든 스타일 매개 변수를 jquery.animate ()에 명시 적으로 제공 할 필요가없는 .css 파일 어딘가에 정의 된 css 클래스로 작업하고 싶습니다.

그런 클래스로 가짜 (예 : 보이지 않는) 요소를 만들고 CSS 속성을 읽고 jquery.animate ()에 제공 할 수 있습니다. 더 나은 방법을 아는 사람이 있습니까?


jQueryUI는 에 확장 제공 animate은 CSS의 클래스를 애니메이션 할 수 있도록 기능을.

편집 : 여기에

관심을 가질만한 클래스 추가 / 제거 / 전환 하는 방법 도 있습니다.


Weston Ruther 는 CSS 전환을위한 WebKit 제안을 사용하여 비슷한 것을 만들었습니다 .

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

이 구현은 유용 할 수 있습니다.


James Padolsey의 animateToSelector 확인

Intro :이 jQuery 플러그인을 사용하면 모든 요소를 ​​스타일 시트에 지정된 스타일로 애니메이션 할 수 있습니다. 선택기를 전달하기 만하면 플러그인이 StyleSheet에서 해당 선택기를 찾은 다음 애니메이션으로 적용합니다.


많은 경우에 CSS 전환을 사용하는 것이 더 낫습니다. 오래된 브라우저에서는 이징이 즉시 이루어집니다. 대부분의 애니메이션 (예 : 페이드 인 / 아웃)은 구현하기가 매우 간단하며 브라우저가 모든 작업을 수행합니다. https://developer.mozilla.org/en/docs/Web/CSS/transition

참고 URL : https://stackoverflow.com/questions/1248542/jquery-animate-with-css-class-only-without-explicit-styles

반응형