GX-功能齐全的动画框架

Riccardo Degni发布了他最新的动画框架-GX。

 

GX是一个功能齐全，跨浏览器，超小型的JavaScript动画框架。使用GX，你可以使用每个w3c CSS属性创建出复杂的动画。

它配合jQuery的动画框架，功能与YUI里面的动画功能一样。

 

 

以下是GX的部分功能：

• 支持所有CSS属性，例如integers，colors，opacity等…
• 支持Easing Equations（使用GX.transitions.js）
• 支持多组动画
• 支持相对动画
• 支持使用“sepcial”值（show，hide，toggle）
• 支持添加新的个性化功能
• 遵守严格的标准，不生成JavaScript/CSS warnings
• 完全跨浏览器（IE 6+, Firefox 2+, Opera 9.25+, Safari 3+, Google Chrome）

 

示例：

 

//simpleanimation
$('element').gx({'width':'+=200px','height':'4em','opacity':0.4,'color':'ff0'},
4000);

//queueanimations
$('element').gx({width:0},200)
.gx({width:200},4000)
.gx({width:0},'verySlow')
.gx({width:100},'slow');

//'Complete'callback
$('element').gx({width:200,height:200},2000,'Bounce',function(el){
el.html('Theanimationiscompleted!');
});

//'Start'and'Complete'callbacks
$('element').gx({width:200,height:200},2000,'Bounce',
{'start':function(el){el.html('Theanimationisstarted!');},
'complete':function(el){el.html('Theanimationiscompleted!');}}
);

 

官网：http://gx.riccardodegni.net/

点击查看详情：http://www.riccardodegni.net/blog/gx-full-featured-javascript-animations-framework