명시 적 스타일없이 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
'developer tip' 카테고리의 다른 글
| angular.isdefined의 이점은 무엇입니까? (0) | 2020.10.30 |
|---|---|
| 자바 스크립트의 x> = x 패턴 (0) | 2020.10.30 |
| SSLCACertificateFile과 SSLCertificateChainFile의 차이점 (0) | 2020.10.30 |
| TF30063 : 컬렉션에 액세스 할 권한이 없습니다. (0) | 2020.10.30 |
| HTML 파일에서 "data-require" "data-semver"는 무엇입니까? (0) | 2020.10.30 |