當前位置:編程學習大全網 - 編程語言 - 什麽是ext?

什麽是ext?

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

主要包括data,widget,form,grid,dd,menu,其中最強大的應該算grid了,編程思想是基於面向對象編程(oop),擴展性相當的好.可以自己寫擴展.自己定義命名空間.web應用可能感覺太大.不過您可以根據需要按需加載您想要的類庫就可以了.

主要包括三個大的文件ext-all.css,ext-base.js,ext-all.js(包括所有的類庫,您可以根據需要進行刪減.官方網站提供這壹接口),在引用ext類庫的時候.這三個文件必不可少.

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

從 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:元素慢慢向四周擴大並逐漸消失。當效果完成後,元素將隱藏(visibility屬性為hidden),不過元素原來所占位置將繼續存在。如果需要刪除元素,請設置remove屬性為true。其使用方法請看下面代碼。

var el = Ext.get('elId'); //默認方式

el.puff();

//自定義方式,元素消失後刪除元素

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

3.switchOff:元素閃爍壹下,然後往中心折疊(類似關掉電視)。當效果完成後,元素將隱藏(visibility屬性為hidden),不過元素原來所占位置將繼續存在。如果需要刪除元素,請設置remove屬性為true。其使用方法請看下面代碼。

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();

  • 上一篇:求"貪吃蛇"小遊戲JAVA源代碼壹份
  • 下一篇:java基礎面試題有哪些?
  • copyright 2024編程學習大全網