[JS]サイズやカラーをアニメーションで変更できる超軽量のスクリプト -GX

サイズやカラーをアニメーションで変更できる、クロスブラウザ対応の超軽量(10KB)のスクリプト「GX」を紹介します。

デモのキャプチャ

GX
demo

キャプチャは、イージングのアニメーションでサイズ変更しています。
スクリプトは、下記のようになります。

デモは他にも、カラーの変更、不透明度の変更などもあり、アニメーションのポーズやレジューム機能も備えています。

GXの対応ブラウザは、IE 6+, Firefox 2+, Opera 9.25+, Safari 3+, Google Chromeとのことです。

GXはjQueryのプラグインのため、実装にはjquery.jsが必要です。

sponsors

top of page

©2018 coliss