jQuery로 배경 슬라이드를 만드는 더 좋은 방법은?

나는 눌려진 버튼을 기반으로 웹 페이지 slideDown() 배경을 다른 배경으로 만들려고합니다. jquery와. 현재 저는 다른 모든 것보다 z- 인덱스가 낮은 절대 위치에있는 배경을 가지고 있습니다. 그러나 더 좋은 방법이 있는지 또는 이것이 올바른 접근인지 궁금합니다. 고맙습니다.jQuery로 배경 슬라이드를 만드는 더 좋은 방법은?

출처

2011-02-11 gkbii

절대 배치 된 div는 background slideDown을 수행하는 데 적합하다고 생각합니다. jquery가 이미 페이지에로드 된 경우 가장 쉬운 방법입니다. 접근 방식은 매우 좋습니다/

출처

2011-02-11 03:15:19 spielersun

배경을 그릴 수있는 CSS background-image 속성 (유용 할 경우 최신 브라우저의 그라디언트와 함께 사용)을 사용하고 jQuery에서 background-position 속성을 움직여 애니메이션을 슬라이드시킬 수 있습니다.

여기에 라이브 데모가 있습니다 : http://jsfiddle.net/fD8WJ/ (파이어 폭스는 그라디언트 효과 만 있지만, url(...) 이미지와 함께 작동합니다). 작은 jQuery 플러그인을 사용하여 background-position에 대한 복수 값 지정에 대한 jQuery의 지원 부족을 해결하기 위해 jQuery.animate()에 있습니다. 그렇지 않으면, 그것은 아주 멋져요.

출처

2011-02-11 02:32:03 ide

관련 항목 : http://stackoverflow.com/questions/2117594/adest-amount-to-background-position-on-click-jquery/2117629#2117629 – thirtydot

답장을 보내 주셔서 감사합니다. 그러나 나는 그 질문에 어떻게 대답했는지 혼란을 야기했을지도 모른다. 내가 찾고있는 것은 실제 배경이 아래로 미끄러지는 것이 아니라, slideDown 방식으로 다른 배경의 가면을 들어 올리는 것이 었습니다. – gkbii

jQuery로 배경 슬라이드를 만드는 더 좋은 방법은?

답변

관련 문제