2011-03-30 3 views
2

jQuery UI 탭으로 페이드 인/페이드 아웃 효과를 수행하는 것이 가능하다는 것을 알고 있습니다. 그리고 이것은 내가해야 할 코드입니다 :jQueryUI 탭을 사용하여 탭을 전환 할 때 크로스 페이드가 가능합니까?

$("#Tabs").tabs({ fx: [{ opacity:'hide', duration:1000 }, 
         { opacity:'show', duration:1000 }] }); 

이 완전하고 현재 탭을 페이드 아웃에만 다음 두 번째 분할이 빈 공간으로 끝낼 수 있도록, 새 페이딩 시작합니다.

실제로 필요한 것은 크로스 페이드 효과입니다. 즉, 다른 탭을 클릭하면 새 탭의 페이드 인이 현재 페이드 아웃과 동시에 시작됩니다. 이 티켓이 완료되지 않았기 때문에 그것이 가능하지 않다처럼

답변

2

아야합니다. 마지막 30 분 동안 UI 탭과 Cycle을 사용해 보았습니다. 운이 좋았습니다. 내가 결국에 this demo입니다.

탭이 없다는 사실에 실망 할 것입니다. 그러나 속임수로 링크를 탭처럼 보이게해야합니다 (아직 시도 중입니다. 직접하고 싶습니다).

관련 문제