GXは-アニメーションをjQuery FrameworkのJavascriptを

リカルドDegni、1つまたは他の可能性moo.rd が知られている、アニメーションした、新しい超薄型（10キロバイト）、クロスブラウザの互換性- jQueryの上のフレームワークを発表した。
複雑なアニメーションGXのは、すべてのW3CのkonfromenとするCSSの要素を作成します。

GXは、単純なライブラリ彼のアニメーションを作成することはできません。リッカルドはGXを、フル機能- NET Frameworkをと、カスタムを滑らかにし、休暇を緩和で複雑なアニメーションを作成するになるに行きたがっている。

重要な開発Riccoradoしていた2つの主な目的：

"書く少ないが、もっと"jQueryので。 GXは1つまで最良の結果を得るために、できるだけので、少しコードを記述する必要がある場合と。
"自分を繰り返してはいけない。" 、これは内部的にそれらを複製せずに再利用される機能は2回以上GXので使用する場合。

歴史の全体の美しい、実装シンプルそのです 。どこpreviuos様々なスクラップスクリプトがシンプルなラインのカップルだった複雑なアニメーションを実装するのに十分である必要がありました。

^？表示コード JavaScriptを

 'element' ) . gx ( { 'width' : '+=200px' , 'height' : '4em' , 'opacity' : 0.4 , 'color' : '#ff0' } , 4000 ) ; // queue animations $ ( '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 ( 'The animation is completed!' ) ; } ) ; // 'Start' and 'Complete' callbacks $ ( 'element' ) . gx ( { width : 200 , height : 200 } , 2000 , 'Bounce' , { 'start' : function ( el ) { el. html ( 'The animation is started!' ) ; } , 'complete' : function ( el ) { el. html ( 'The animation is completed!' ) ; } } ) ; / /単純なアニメーション $（'要素'）。GX は （（'幅：'+ = 200pxの'、'高'：'4全角''不透明'：0.4、'色'：'＃遅延なし'）、4000） / /キューアニメーション $（'要素を'）。GX は （（幅：0）、200）。GX は （（幅：200）、4000）。GX は （（幅：0）、'verySlow'）。GX は （（ 幅：100）、' コールバック が遅い'）、/ /'完全 '$（'要素'）。GX は （（背景：200、高さ：200）、2000、'バウンス'、 関数 （エル）（エル（htmlの 'アニメーション）'コールバックは$（'要素が完了');)) / /' 開始'と'完全'GX を （（幅：200 高さ：200）、2000、' バウンス'、（'開始'： 関数 （エル）は（エル htmlの （'アニメーションが開始される');),' 完全 '：関数 （ エル）（エルhtml を （'アニメーションは');)));を完了する