ExtJs動畫函式詳解

2021-09-30 09:41:03 字數 3067 閱讀 6698

老樣子,啥也不說了,貼**,你們懂的。

cartoonext.php

效果列表

easenone

easein

easeout

easeboth

easeinstrong

easeoutstrong

easebothstrong

elasticin

elasticout

elasticboth

backin

backout

backboth

bouncein

bounceout

bounceboth

cartoonext.js

//寬

var width=300;

//高var height=262;

function reset()

function act() );

}/**

*/function *****()

/** * 淡出

*/ function fadeout() );

}/**

* 淡入

*/function fadein() );

}function act2() );

}/***

部分引數如下:

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 非同步特效

**/

ExtJs 常用動畫效果 分享

一些常用的動畫函式 element.slidein string ancho,object animation 元素從上滑入效果,引數 string ancho,object animation 可 不帶引數呼叫下同 element.slideout t 指定方向 t top,b buttom,l ...

ExtJs布局詳解

無論是介面之美,還是功能之強,extjs 都高居榜首。2 呵呵,介面之美當是少不了布局的,這篇文章我寫layout的七種布局。extjs是4.版本 這中布局是最常用的布局之一,看圖 border布局 border布局也稱邊界布局,他將頁面分隔為west,east,south,north,center...

ios 動畫詳解

實現iphone漂亮的動畫效果主要有兩種方法,一種是uiview層面的,一種是使用catransition進行更低層次的控制,1.使用uiview類函式實現 uiviewanimationtransitionflipfromleft,向左轉動 uiviewanimationtransitionfli...