Ext是一個強大的js類庫,以前是基於YAHOO-UI,現在已經完全獨立了,

主要包括data,widget,form,grid,dd,menu,其中最強大的應該算grid了,程式設計思想是基於面向物件程式設計(oop),擴充套件性相當的好.可以自己寫擴充套件.自己定義名稱空間

.web

應用可能感覺太大.不過您可以根據需要按需載入您想要的類庫就可以了.

它提供了豐富的，非常漂亮的外觀體驗，成為眾多介面層開發人員的追捧！其核心的元件基本覆蓋了我們構建富客戶端的常用的元件。

從 Ext 2開始，商業版(針對那些以盈利為目的的開發方)要收費了。這可能會影響一些他的應用前景。

目前的最新版本為4.0Ext動畫功能　　介紹一下Ext預置的11個動畫功能。

1.slideIn/slideOut：

元素的滑進或滑出效果。預設slideIn是從頂部滑進的，而slideOut是從底部滑出的，可透過修改第1個引數設定滑進或滑出位置。其使用方法請看下面程式碼。

var el = Ext.get("elId");

el.slideIn(); //從頂部滑進

el.slideOut(); //從底部滑出

el.slideIn("l",{ easing: "easeOut", duration: .5 }); //從左邊滑進

2.puff

var el = Ext.get("elId"); //預設方式

el.puff();

el.puff({ easing: "easeOut", duration: .5, remove: true, useDisplay: false })

3.switchOff

var el = Ext.get("elId"); //預設方式

el.switchOff();

el.switchOff({ easing: "easeOut", duration: .5, remove: true, useDisplay: false });

4.highlight

：利用設定的顏色高亮顯示元素，然後逐漸消隱回原有顏色。預設是設定元素背景顏色，可透過設定attr屬性設定高亮顯示方式。如果沒有初始顏色，可以使用endColor屬性設定消隱後的顏色。其使用方法請看下面程式碼。

var el = Ext.get("elId"); //預設方式

el.highlight();

//自定義方式

el.highlight("0f0f0f",{ easing: "easeOut", attr: "color" duration: .5, endColor: "dddddd" });

5.frame

：從元素邊界開始以水波擴散的方式提示使用者。其使用方法請看下面程式碼。

var el = Ext.get("elId"); //預設方式

el.frame();

//自定義方式

el.frame("0f0f0f",{ duration: .5, });

6.pause

：在佇列中的動畫開始之前產生一個停頓。其使用方法請看下面程式碼。

el.pause(1); //停頓1秒

7.fadeIn/fadeout

：實現漸變效果。fadeIn方法從透明漸變到不透明。fadeOut方法從不透明漸變到透明。透過endOpacity屬性可設定漸變結束後的不透明度。要注意在IE中可能要設定useDisplay屬性為true。其使用方法請看下面程式碼。

var el = Ext.get("elId");

el.fadeIn();

el.fadeOut();