jQueryでアニメーション

JavaScriptで画像のフェードイン、フェードアウトを実装することになった。

なので、タイマーを使ってcssのopacityを設定していこうと思ったが、
jQueryのanimateメソッドで実現できた。

animate({属性値:値}, アニメーション時間(ミリ秒));
属性はcssのものを指定する。

今回では以下のように使った。
これで指定した画像のopacityを1秒で1に設定できる。

$('#image').animate({opacity:1}, 1000);