Technology

jQueryのanimateメソッドは数値形式のCSSしか指定できない

ちょっとメモ。
jQueryのanimateメソッドは数値形式のCSSしか指定できません。
$(this).stop().animate({opacity: 1, left:400},2000);
のようにopacityやleftなどは指定できますが、color:#000;のような数値以外を指定することはできません。
jQuery UIではanimateメソッドが拡張されており、数値形式以外もアニメーションが可能です。
以下種類のCSSが、paramsに指定できるようになっています。
・backgroundColor
・borderLeftColor
・borderTopColor
・outlineColor
・borderBottomColor
・borderRightColor
・color

Kunitaka Kawashimo

Kunitaka Kawashimo

アートディレクター・デザイナー・フォトグラファー。株式会社クリーム代表取締役。グラフィックデザイン/Webデザイン/撮影の仕事のご相談・ご質問は、お気軽に以下までご連絡ください。info@creamu.co.jp