mac chrome 태그 효과 구현

구글은 맥 버전의 크롬을 발표했다. 몇 만 줄의 맥 특유의 플랫폼 코드를 추가했다고 하는데 성능은 눈치채지 못했지만 맥 크롬의 라벨 효과는 매우 재미있다. 새로운 라벨을 닫고 열 때 구글의 말에 따르면 맥 플랫폼에 따라 미끄럼 효과가 증가했다.
tabPanelLite에서 실현해 봅시다.
데모@ Google code
참고 사항:
1. 관건은 extjs의 애니메이션 메커니즘을 숙지해야 한다. 상세한 것은 Ext.Fx 분석,Ext.lib.anim 분석
2. 애니메이션 wrap의 생성에 주의하고 extjs에 전적으로 의존해서는 안 되며 스스로 wrap을 주문해야 한다.
 
 

/*  tab   ，           ，  overflow:hidden，tab       */
	var wrap= lis.item(index).wrap({
		
		style:{position:"relative",float:"left",overflow:"hidden"}
	});
	/*    */
	lis.item(index).slideOut('bl', { duration: .35 ,
		wrap:wrap,
		callback:function(el){
			el.remove();
			wrap.remove();
			var panels = me.panelContainer.select("> div.panel");
			panels.item(index).remove();
		}
	});