ExtJS 技巧笔记

核心提示： Js代码 //变换元素大小以及动画的特效functionscaleElement(id){varel=Ext.get(id);el.scale(el.getWidth()/1.2,el.getHeight()/1.2,{easing:'backBoth',//膨胀效果(先变大,再

Js代码

//变换元素大小以及动画的特效　　
function　scaleElement(id)　{　　
　　　　var　el　=　Ext.get(id);　　
　　　　el.scale(el.getWidth()　/1.2,el.getHeight()　/1.2,{　　
　　　　　　　　easing:　'backBoth',//膨胀效果(先变大,再变得小于目标尺寸,最后恢复目标尺寸)　　
//　　　　　　　　easing:　'backIn',//膨胀效果(先变得大于目标尺寸,最后恢复目标尺寸)　　
//　　　　　　　　easing:　'backOut',//膨胀效果(先变得小于目标尺寸,最后恢复目标尺寸)　　
//　　　　　　　　easing:　'bounceBoth',//来回大小振动后恢复目标尺寸　　
//　　　　　　　　easing:　'bounceIn',//来回大小振动后恢复目标尺寸(变大动作幅度大一点)　　
//　　　　　　　　easing:　'bounceOut',//来回大小振动后恢复目标尺寸(变小动作幅度大一点)　　
//　　　　　　　　easing:　'easeBoth',//就是尺寸变了.没感觉出来特别的　　
//　　　　　　　　easing:　'easeIn',//就是尺寸变了.没感觉出来特别的　　
//　　　　　　　　easing:　'easeInStrong',//就是尺寸变了.没感觉出来特别的　　
//　　　　　　　　easing:　'easeOut',//就是尺寸变了.没感觉出来特别的　　
//　　　　　　　　easing:　'easeBothStrong',//就是尺寸变了.没感觉出来特别的　　
//　　　　　　　　easing:　'easeNone',//轻轻的就缩小了　　
//　　　　　　　　easing:　'elasticBoth',//感觉很有动力　　
//　　　　　　　　easing:　'elasticIn',//感觉很有动力　　
//　　　　　　　　easing:　'elasticOut',//感觉很有动力　　
　　　　　　　　duration:　.35　　
　　　　});