動かざることバグの如し

近づきたいよ 君の理想に

jQueryのanimate()が効かない

animate()とは

jQuery標準メソッドの1つで、要素を動かしたり、隠したり色々できるスグレモノ

http://api.jquery.com/animate/api.jquery.com

その中でも要素の背景色を別の色にフェードさせながら変えたいと思った。

<div id="mybox" style="width:300px;height:300px"></div>

<script>
$('#mybox').animate({backgroundColor: '#ffd700'}, 'slow');
</script>

が、動かない、、、エラーも出ないし

原因

jQueryに加えてライブラリの追加が必要

jquery color pluginとかでググれば出てくる

オリジナル?のURLはドメイン切れてたのでgihhubにあがってるJSを使う

github.com

このなかのhttp://code.jquery.com/color/jquery.color-2.1.2.min.jsをインクルードすればおk