어떻게해야합니까? - 애니메이션 견적의 - JQuery와

Question

이 이미지를 참조하십시오

내가 인용의 점차 서로의 상단에 갈 보여줄 것이다 이런 일을해야합니다. 플래시를 사용하고 싶지 않고 클라이언트를 업데이트하기 위해 가능한 한 쉽게 만들고 싶습니다. 누구 제안있어?

Answer 1

나는 당신이 그들을 원하는대로, JQuery와 애니메이션, http://api.jquery.com/animate/하거나 fadein, http://api.jquery.com/fadeIn/

회전 따옴표를 사용하는 것이 좋습니다 z-index를 사용하여 서로의 상단에 그들을 배치 (중 position: relative 또는 position: absolute 추가하는 것을 잊지 그나마), 그리고 숨겨 그들.

-webkit-transform: rotate(270deg); 
-moz-transform: rotate(270deg); 
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); 

당신이 지원 CSS3 나던 브라우저에서 작동해야 할 경우

, 당신은 단지 투명 .PNG 회전 수 :

는 CSS3 예를 회전들 PS 예를 들면.

나는 이런 식으로 뭔가 할 것 하나 하나 따옴표 페이딩에 대해서 :

$(".quotecontainer img").each(function(index) { 
    $(this).delay(400*index).fadeIn(300); 
}); 

을