Ext核心API詳解(六)

2021-08-30 07:27:05 字數 2474 閱讀 3238

ext.fx類

對於我這樣的懶鬼而言,fx類是核心類庫中最激動人心的乙個類,它不是最重要的,卻是最實用的乙個類

定義了一些常用的特效方法,不妨自己多動手試試下面的方法,很有趣的

fadein( [object options] ) : ext.element

漸顯 options引數有以下屬性

callback:function 完成後的回叫方法

scope:object 目標

easing:string 行為方法 預設值是:easeout,可選值在ext_base中找到,但沒有說明,以下內容從yahoo ui中找到的

easenone:勻速

easein:開始慢且加速

easeout:開始快且減速

easeboth:開始慢且減速

easeinstrong:開始慢且加速,t的四次方

easeoutstrong:開始快且減速,t的四次方

easebothstrong:開始慢且減速,t的四次方

elasticin:

elasticout:

elasticboth:

backin:

backout:

backboth:

bouncein:

bounceout:

bounceboth:

太多,慢慢體會吧

aftercls:string 事件完成後元素的樣式

duration:number 事件完成時間(以秒為單位)

remove:boolean 事件完成後元素銷毀?

usedisplay:boolean 隱藏元素是否使用display或visibility屬性?

afterstyle:string/object/function 事件完成後應用樣式

block:boolean 塊狀化?

concurrent:boolean 順序還是同時執行?

stopfx :boolean 當前效果完成後隨合的效果是否將停止和移除

fadeout( [object options] ) : ext.element

漸隱 fadeout和fadein能使用乙個特別的endopacity屬性以指示結束時的透明度

例:el.fadein();

frame( [string color], [number count], [object options] ) : ext.element

邊框變亮擴充套件然後漸隱

例:el.frame("ff0000", 10, )

ghost( [string anchor], [object options] ) : ext.element

漸漸滑出檢視,anchor定義

tl 左上角(預設)

t 上居中

tr 右上角

l 左邊界的**

c 居中

r 右邊界的**

bl 左下角

b 下居中

br 右下角

例:el.ghost('b', );

hasactivefx() : boolean

指示元素是否當前有特效正在活動

hasfxblock() : boolean

是否有特效阻塞了

highlight( [string color], [object options] ) : ext.element

高亮顯示當前元素

例:el.highlight("ffff9c", );

pause( number seconds ) : ext.element

暫停puff( [object options] ) : ext.element

吹,吹,吹個大氣球,元素漸大並隱沒

例:el.puff();

scale( number width, number height, [object options] ) : ext.element

縮放例:el.scale(

[element's width],

[element's height], );

sequencefx()

排隊特效

shift( object options ) : ext.element

位移,並可重置大小,透明度等

例:el.shift();

slidein( [string anchor], [object options] ) : ext.element

slideout( [string anchor], [object options] ) : ext.element

滑入/滑出

例:el.slidein('t', );

stopfx() : ext.element

停止特效

switchoff( [object options] ) : ext.element

收起並隱沒

例:el.switchoff();

syncfx() : ext.element

非同步特效

EXT核心API詳解 六 Ext Fx

ext.fx類 對於我這樣的懶鬼而言,fx類是核心類庫中最激動人心的乙個類,它不是最重要的,卻是最實用的乙個類 定義了一些常用的特效方法,不妨自己多動手試試下面的方法,很有趣的 fadein object options ext.element 漸顯 options引數有以下屬性 callback ...

EXT核心API詳解 六 Ext Fx

ext.fx類 對於我這樣的懶鬼而言,fx類是核心類庫中最激動人心的乙個類,它不是最重要的,卻是最實用的乙個類 定義了一些常用的特效方法,不妨自己多動手試試下面的方法,很有趣的 fadein object options ext.element 漸顯 options引數有以下屬性 callback ...

EXT核心API詳解 六 Ext Fx

ext.fx類 對於我這樣的懶鬼而言,fx類是核心類庫中最激動人心的乙個類,它不是最重要的,卻是最實用的乙個類 定義了一些常用的特效方法,不妨自己多動手試試下面的方法,很有趣的 fadein object options ext.element 漸顯 options引數有以下屬性 callback ...